Атрибут dir тега <strong>

Описание

Атрибут dir определяет направление текста внутри элемента <strong>. Этот атрибут особенно полезен для текстов на языках с письмом справа налево (RTL), таких как арабский или иврит.

Пример использования:
<p> <strong dir="rtl" lang="ar">نص عربي مهم</strong> - арабский текст с направлением справа налево </p>

Значения атрибута:

Значение Описание Когда использовать
ltr Слева направо (left-to-right) Для языков с латинским, кириллическим письмом
rtl Справа налево (right-to-left) Для арабского, иврита и других RTL-языков
auto Автоматическое определение Когда направление неизвестно заранее

Особенности работы:

  • Влияет только на направление текста, не на положение элемента
  • Работает со всеми современными браузерами
  • Рекомендуется сочетать с атрибутом lang
  • Для сложных случаев можно использовать CSS-свойство direction

Пример с разными языками:

<p> <strong dir="ltr">Important English text</strong><br> <strong dir="rtl" lang="he">טקסט חשוב בעברית</strong><br> <strong dir="auto">مرحبا Hello</strong> (автоопределение) </p>

Рекомендации:

  • Всегда указывайте dir для RTL-языков
  • Сочетайте с атрибутом lang для лучшей семантики
  • Для основного направления документа используйте dir в теге <html>
  • Тестируйте отображение в целевых браузерах

Ограничения:

  • Не все браузеры одинаково обрабатывают auto
  • Не влияет на порядок цифр в RTL-текстах
  • Может потребоваться дополнительная CSS-стилизация

Пример с CSS стилизацией:

<style> strong[dir="rtl"] { font-family: 'Arial Arabic', sans-serif; color: #1a73e8; } </style> <p> <strong dir="rtl" lang="ar">هذا نص عربي مهم</strong> </p>

Примечание: Для сложных многоязычных интерфейсов рассмотрите использование CSS-свойств direction и unicode-bidi.