<p>Câștigător: <bdi dir="auto">اسم</bdi></p>bdi izolează direcția numelui față de propoziția din jur. dir="auto" îi permite browserului să determine direcția din primul caracter puternic al conținutului variabil.
LECȚIA 119 DIN 120
Construiește: text bidirecțional izolat
Izolează un nume introdus de utilizator cu bdi și direcție automată.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
Izolează un nume introdus de utilizator cu bdi și direcție automată. Structura semantică trebuie să descrie sensul, nu aspectul vizual.
<p>Câștigător: <span dir="rtl">اسم</span></p>span cu o direcție fixă poate afișa acest exemplu, dar nu izolează semantic textul variabil și presupune că toate numele au aceeași direcție.
PASUL 2 · APLICĂ
Exercițiul tău
Completează exemplul. Izolează un nume introdus de utilizator cu bdi și direcție automată.
index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Textul variabil folosește bdi cu dir="auto".
- ○bdi conține numele afișat.
Explică-mi logica rezolvării
Înlocuiește span cu bdi, schimbă direcția fixă în dir="auto" și păstrează numele în interior.