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

Описание

Атрибут dir определяет направление текста в заголовках <h1>-<h6>. Он особенно полезен для языков с написанием справа налево (RTL), таких как арабский или иврит.

Пример использования:
<h1 dir="ltr">Left-to-Right Heading</h1> <h2 dir="rtl">عنوان من اليمين إلى اليسار</h2> <h3 dir="auto">根据内容自动判断方向</h3>

Допустимые значения:

Значение Описание Применение
ltr Слева направо (по умолчанию) Латинские, кириллические и др. LTR-языки
rtl Справа налево Арабский, иврит и др. RTL-языки
auto Автоматическое определение Когда направление неизвестно заранее

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

  • Меняет не только направление текста, но и выравнивание
  • Влияет на порядок пунктов в маркированных списках внутри заголовка
  • Работает вместе с атрибутом lang
  • Поддерживается всеми современными браузерами

Пример с CSS:

<style> h2[dir="rtl"] { font-family: 'Arial Arabic', sans-serif; padding-right: 15px; } h3[dir="ltr"] { letter-spacing: 1px; } </style> <h2 dir="rtl">نص باللغة العربية</h2> <h3 dir="ltr">English Text</h3>

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

  • Используйте dir="rtl" для заголовков на арабском, иврите и др. RTL-языках
  • Сочетайте с соответствующим lang (например, lang="ar")
  • Для смешанного контента отмечайте языковые переключения
  • Избегайте dir="auto" для важных заголовков

Примечание: Правильное использование dir особенно важно для многоязычных сайтов, где заголовки на разных языках могут требовать разного направления текста. Это улучшает читаемость и пользовательский опыт.