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

Описание

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

Пример использования:
<dfn dir="ltr">HTML</dfn> - язык разметки (слева направо) <dfn dir="rtl">برمجة</dfn> - арабский термин для "программирования" (справа налево) <dfn dir="auto">JavaScript</dfn> - направление определяется автоматически

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

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

Наследование и приоритеты:

<div dir="rtl"> <dfn>إنترنت</dfn> - термин наследует RTL от родителя <dfn dir="ltr">Wi-Fi</dfn> - явное указание LTR переопределяет родителя </div>

Определение направления автоматически:

<dfn dir="auto">كتاب</dfn> - арабское слово (автоматически RTL) <dfn dir="auto">algorithm</dfn> - английское слово (автоматически LTR)

Совместное использование с языковыми атрибутами:

<dfn dir="rtl" lang="ar">شبكة</dfn> - арабский термин для "сети" <dfn dir="ltr" lang="en">Network</dfn> - английский термин

Рекомендации по использованию:

  • Всегда указывайте dir для терминов на RTL-языках
  • Используйте lang вместе с dir для лучшей семантики
  • Для смешанного контента используйте dir="auto"
  • Проверяйте отображение в разных браузерах

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

  • Изменяет не только направление текста, но и положение полосы прокрутки
  • Влияет на порядок точек в маркированных списках
  • Может изменить порядок столбцов в таблицах
  • Не изменяет порядок символов в словах (для этого нужна поддержка Unicode)

Пример с CSS:

<style> dfn[dir="rtl"] { color: #2b6cb0; font-weight: bold; padding: 0 5px; background-color: #f7fafc; } dfn[dir="ltr"] { border-left: 3px solid #4a5568; padding-left: 10px; } </style> <dfn dir="rtl">برمجة</dfn> - программирование <dfn dir="ltr">Programming</dfn> - программирование

Ограничения и совместимость:

  • Поддерживается всеми современными браузерами
  • Для сложных случаев может потребоваться дополнительная стилизация
  • Не влияет на SEO, но улучшает доступность
  • Автоматическое определение может работать некорректно для коротких текстов

Примечание: Атрибут dir особенно важен в многоязычных словарях и технической документации, где термины могут быть на разных языках. Для профессиональных проектов с поддержкой RTL-языков рассмотрите использование специализированных библиотек, таких как i18next.