Атрибут lang тега <table>
Описание
Атрибут lang указывает язык содержимого внутри элемента <table>. Это помогает браузерам и поисковым системам правильно интерпретировать текст, а также улучшает доступность для скринридеров.
<table lang="en">
<caption>Monthly Savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Значения атрибута:
| Значение | Описание | Когда использовать |
|---|---|---|
en |
Английский язык | Для англоязычного контента |
ru |
Русский язык | Для русскоязычного контента |
es |
Испанский язык | Для испаноязычного контента |
fr |
Французский язык | Для франкоязычного контента |
de |
Немецкий язык | Для немецкоязычного контента |
Особенности работы:
- Влияет на автоматическое определение языка для проверки орфографии
- Помогает скринридерам выбрать правильный голос и произношение
- Может использоваться вместе с CSS-селекторами для стилизации
- Поддерживается всеми современными браузерами
Пример с CSS:
<style>
table[lang="en"] { font-family: Arial, sans-serif; }
table[lang="ru"] { font-family: 'Times New Roman', serif; }
</style>
<table lang="en">
<tr><td>English content</td></tr>
</table>
<table lang="ru">
<tr><td>Русский контент</td></tr>
</table>
Рекомендации:
- Всегда указывайте язык основного контента страницы
- Для таблиц с разными языками используйте атрибут в ячейках
- Используйте стандартные коды языков (ISO 639-1)
- Проверяйте с помощью валидаторов
Ограничения:
- Не влияет на сортировку данных в таблице
- Не заменяет ручную проверку контента
- Для сложных сценариев может потребоваться дополнительная разметка
Примечание: Для многоязычных таблиц можно комбинировать с атрибутом translate для управления переводом.