<p>Победитель: <bdi dir="auto">اسم</bdi></p>bdi изолирует направление имени от окружающей фразы. dir="auto" позволяет браузеру определить направление по первому сильному символу переменного содержимого.
УРОК 119 ИЗ 120
Создайте: изолированный двунаправленный текст
Изолируйте введённое пользователем имя через bdi с автоматическим направлением.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
Изолируйте введённое пользователем имя через bdi с автоматическим направлением. Семантическая структура должна описывать смысл, а не внешний вид.
<p>Победитель: <span dir="rtl">اسم</span></p>span с фиксированным направлением может показать этот пример, но не изолирует переменный текст семантически и предполагает одинаковое направление для всех имён.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Дополните пример. Изолируйте введённое пользователем имя через bdi с автоматическим направлением.
index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Переменный текст использует bdi с dir="auto".
- ○bdi содержит отображаемое имя.
Объясните логику решения
Замените span на bdi, фиксированное направление — на dir="auto" и оставьте имя внутри.