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

Описание

Атрибут dir определяет направление текста внутри тега <u>. Он особенно полезен для смешанного контента с разными языковыми направлениями.

Пример использования:
<u dir="rtl">نص باللغة العربية</u> <u dir="ltr">English text</u>

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

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

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

  • Наследуется дочерними элементами
  • Влияет на направление текста и положение знаков препинания
  • Может изменять порядок отображения смешанного текста
  • Работает вместе с атрибутом lang

Пример с CSS:

<style> u[dir="rtl"] { color: darkgreen; padding: 0 5px; } u[dir="ltr"] { color: darkblue; padding: 0 5px; } </style> <u dir="rtl">مرحبا</u> <u dir="ltr">Hello</u>

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

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

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

  • Не изменяет порядок элементов в DOM
  • Может некорректно работать с некоторыми специальными символами
  • Для сложных многоязычных документов могут потребоваться дополнительные настройки

Примечание: Хотя тег <u> поддерживает атрибут dir, для семантической разметки текста на разных языках лучше использовать нейтральные элементы (<span>) с соответствующими классами.