Атрибут 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> особенно важно для многоязычных сайтов, где подписи могут быть на другом языке, чем основной контент.