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

Описание

Атрибут dir в теге <figcaption> определяет направление текста в подписи к изображению или другому медиа-контенту. Это особенно важно для языков с письмом справа налево (RTL).

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

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

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

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

<figure> <img src="mixed-content.png" alt="Смешанный контент"> <figcaption dir="auto"> الشكل 1. Figure 1. График показывает 75% growth </figcaption> </figure>

Советы по использованию:

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

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

  • Влияет на порядок символов и направление текста
  • Меняет порядок пунктуации и скобок
  • Не изменяет порядок цифр в числах
  • Поддерживается всеми современными браузерами

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

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

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