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

Описание

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

Пример использования:
<p> Формула на арабском: x<sup dir="rtl">٢</sup> + y<sup dir="rtl">٣</sup> </p>

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

Значение Описание Когда использовать
ltr Направление слева направо (Left-to-Right) Для языков с письмом слева направо (английский, русский)
rtl Направление справа налево (Right-to-Left) Для языков с письмом справа налево (арабский, иврит)
auto Автоматическое определение направления Когда направление зависит от содержимого

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

  • Влияет только на текст внутри элемента <sup>
  • Наследуется дочерними текстовыми элементами
  • Лучше работает в сочетании с атрибутом lang
  • Поддерживается всеми современными браузерами

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

<p> Смешанный текст: x<sup dir="auto">٢</sup> + y<sup dir="auto">2</sup> </p>

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

  • Используйте dir="rtl" для арабских цифр в RTL-контексте
  • Для математических формул обычно используйте dir="ltr"
  • Сочетайте с атрибутом lang для лучшей семантики
  • Для сложных случаев используйте CSS-свойство direction

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

  • Не влияет на положение относительно базовой линии текста
  • Может некорректно работать с некоторыми математическими символами
  • Автоматическое определение не всегда надежно

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