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

Описание

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

Пример использования:
<p> Формула на арабском: س<sub dir="rtl">2</sub>O </p>

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

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

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

  • Сохраняет вертикальное смещение sub-элемента
  • Не влияет на положение относительно базовой линии
  • Работает во всех современных браузерах
  • Лучше всего сочетать с атрибутом lang

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

<p> Латинский: x<sub dir="ltr">n</sub> + y<sub dir="ltr">m</sub><br> Арабский: س<sub dir="rtl" lang="ar">2</sub>O<br> Смешанный: H<sub dir="auto">2س</sub>O </p>

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

  • Используйте для формул на RTL-языках
  • Сочетайте с атрибутом lang для лучшей семантики
  • Для сложных формул используйте MathML или специализированные библиотеки
  • Тестируйте отображение в целевых браузерах

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

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

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

<style> sub[dir="rtl"] { font-family: 'Arial Arabic', sans-serif; color: #2196F3; } </style> <p> Арабская формула: س<sub dir="rtl" lang="ar">2</sub>O </p>

Примечание: Для сложных научных документов с формулами на разных языках рассмотрите использование MathML или специализированных библиотек рендеринга формул.