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

Описание

Атрибут lang в теге <figure> указывает язык текстового содержимого контейнера, включая подпись (<figcaption>). Это важно для:

  • Правильного отображения и произношения текста
  • Работы средств проверки орфографии
  • Доступности для скринридеров
  • SEO-оптимизации многоязычного контента
Пример использования:
<figure lang="en"> <img src="london.jpg" alt="London view"> <figcaption>Figure 1. Panoramic view of London</figcaption> </figure> <figure lang="fr"> <img src="paris.jpg" alt="Vue de Paris"> <figcaption>Figure 2. La Tour Eiffel de nuit</figcaption> </figure>

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

Тег Язык Пример использования
ru Русский Для русскоязычных подписей
en Английский Международные публикации
zh Китайский Для китайской аудитории

Пример с RTL-языком:

<figure lang="ar" dir="rtl"> <img src="arabic-chart.png" alt="رسم بياني"> <figcaption>الشكل ١. نتائج الربع الثالث</figcaption> </figure>

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

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

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

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

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

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

Примечание: Для многоязычных сайтов указывайте атрибут lang на самом высоком возможном уровне (например, на <html>), а для отдельных элементов (<figure>) используйте только при отличии от основного языка страницы.