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

Описание

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

Пример использования:
<figure dir="rtl"> <img src="arabic-chart.png" alt="رسم بياني"> <figcaption>الشكل ١. نتائج الربع الثالث</figcaption> </figure>

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

Значение Описание Применение
ltr Слева направо (по умолчанию) Для большинства европейских языков
rtl Справа налево Арабский, иврит, персидский и др.
auto Автоматическое определение Для смешанного контента

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

<figure dir="auto"> <img src="bilingual.png" alt="Двуязычный документ"> <figcaption> الشكل 1. Figure 1. Сравнение показателей </figcaption> </figure>

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

  • Сочетайте с атрибутом lang для точного определения языка
  • Для RTL-языков проверяйте выравнивание элементов
  • Используйте auto для контента с неизвестным направлением
  • Тестируйте с реальными RTL-языками

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

  • Влияет на порядок текста в подписи (<figcaption>)
  • Не изменяет порядок дочерних HTML-элементов
  • Меняет направление пунктуации и скобок
  • Не влияет на порядок цифр в числах

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

  • Не изменяет направление изображения
  • Для сложных случаев может потребоваться CSS direction
  • Автоматическое определение не всегда точно

Примечание: Хотя атрибут dir часто задаётся для всего документа, его локальное применение в <figure> позволяет точно контролировать направление текста в многоязычных интерфейсах. Для сложных сценариев сочетайте с CSS-свойствами direction и unicode-bidi.