dir: направление письма и неизвестный текст
Атрибут dir задаёт направление текста и помогает корректно показывать фрагменты на языках с письмом справа налево.
Назначение
Атрибут dir задаёт направление текста и помогает корректно показывать фрагменты на языках с письмом справа налево.
Как это работает
Значения ltr и rtl задают направление явно. Значение auto позволяет определить направление по содержимому. Для независимого фрагмента с неизвестным направлением также полезен элемент bdi.
Пример
<p>Автор: <bdi dir="auto">علي</bdi>, записей: 12.</p>
<p dir="rtl" lang="ar">مرحبا بالعالم</p>Что должно получиться
Имя изолировано от окружающего русского текста, а второй абзац имеет явно заданное направление справа налево. Число записей относится к внешнему предложению.
Граница применения и частая ошибка
Направление письма не равно выравниванию. Одного text-align:right недостаточно для корректного смешения чисел, знаков препинания и текста разных направлений.
Самостоятельная проверка
Замените имя латинским и затем арабским текстом. Проверьте положение двоеточия и числа; не меняйте направление всего документа ради одного имени пользователя.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.