Атрибут lang тега <select>
Описание
Атрибут lang определяет язык содержимого элемента <select>. Этот атрибут помогает браузерам, поисковым системам и скринридерам правильно интерпретировать текст внутри выпадающего списка.
Пример использования:
<select lang="ru">
<option>Русский текст</option>
<option>Ещё вариант</option>
</select>
Основные возможности:
- Языковая идентификация: Определяет язык для текста в списке
- Автоперевод: Помогает сервисам автоматического перевода
- Типографика: Влияет на правила переноса и кавычек
- Произношение: Используется программами чтения с экрана
Формат значений:
| Значение | Язык | Пример |
|---|---|---|
ru |
Русский | lang="ru" |
en |
Английский | lang="en" |
es |
Испанский | lang="es" |
zh-CN |
Китайский (упрощенный) | lang="zh-CN" |
Пример с разными языками:
<select>
<option lang="en">English text</option>
<option lang="fr">Texte en français</option>
<option lang="de">Deutscher Text</option>
</select>
Рекомендации:
- Указывайте основной язык страницы в теге
<html> - Используйте
langдля элементов с контентом на другом языке - Для многоязычных сайтов меняйте атрибут динамически
- Проверяйте правильность кодов языков
SEO рекомендации:
Правильное указание языка помогает поисковым системам:
- Лучше понимать контент
- Корректно отображать сниппеты
- Определять языковую принадлежность страницы
Особенности доступности:
<select lang="ru" aria-label="Выбор языка">
<option>Русский</option>
<option lang="en">English</option>
</select>