<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 120 DIN 120
Repară: 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
Corectează exemplul fără să schimbi scopul. 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.