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


Описание

Атрибут lang в теге <figcaption> указывает язык текста подписи. Это важно для:

  • Правильного отображения символов и шрифтов
  • Работы средств проверки орфографии
  • Доступности для скринридеров
  • SEO-оптимизации многоязычного контента
Пример использования:
<figure> <img src="paris.jpg" alt="Париж"> <figcaption lang="fr"> Figure 1. La Tour Eiffel de nuit </figcaption> </figure> <figure> <img src="tokyo.jpg" alt="Токио"> <figcaption lang="ja"> 図1. 東京タワーの夜景 </figcaption> </figure>

Формат языковых тегов:

Тег Язык Пример
en Английский Figure 1. City view
es Испанский Figura 1. Vista de la ciudad
zh Китайский 图1. 城市景观

Пример с изменением направления текста:

<figure> <img src="arabic-chart.png" alt="График"> <figcaption lang="ar" dir="rtl"> الشكل 1. نتائج الربع الثالث </figcaption> </figure>

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

  • Используйте стандартные коды языков ISO 639-1
  • Для региональных вариантов укажите код страны (напр. pt-BR)
  • Сочетайте с атрибутом dir для RTL-языков
  • Указывайте при смене языка внутри документа

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

  • Влияет на выбор шрифта и переносы строк
  • Активирует соответствующую проверку орфографии
  • Используется скринридерами для выбора голоса
  • Не изменяет автоматически направление текста

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

  • Не все браузеры полностью поддерживают все языки
  • Не заменяет перевод контента
  • Для сложных сценариев может потребоваться JavaScript

Примечание: Хотя атрибут lang часто задаётся для всего документа, его точечное использование в <figcaption> особенно важно для многоязычных сайтов, где подписи могут быть на другом языке, чем основной контент.