Атрибут lang тега <span>
Описание
Атрибут lang указывает язык текста внутри элемента <span>. Это помогает браузерам, поисковым системам и скрин-ридерам правильно интерпретировать содержимое.
<p>Это предложение содержит <span lang="en">English words</span> внутри русского текста.</p>
Значения атрибута:
| Значение | Описание | Когда использовать |
|---|---|---|
ru |
Русский язык | Для русскоязычного текста |
en |
Английский язык | Для англоязычного текста |
es |
Испанский язык | Для испаноязычного текста |
fr |
Французский язык | Для франкоязычного текста |
de |
Немецкий язык | Для немецкоязычного текста |
| Другие коды | Другие языки (ISO 639-1) | Для соответствующих языков |
Особенности работы:
- Влияет на проверку орфографии (если включена)
- Может изменять произношение в скрин-ридерах
- Может влиять на отображение некоторых символов
- Используется поисковыми системами для анализа контента
Пример с разными языками:
<p>
<span lang="ru">Привет</span>,
<span lang="en">Hello</span>,
<span lang="es">Hola</span>,
<span lang="fr">Bonjour</span>,
<span lang="de">Hallo</span>
</p>
Рекомендации:
- Используйте для фраз на иностранных языках внутри текста
- Указывайте язык для цитат на оригинальном языке
- Сочетайте с CSS для визуального выделения иностранных слов
- Для больших блоков текста лучше указывать язык в родительском элементе
Ограничения:
- Не все браузеры одинаково обрабатывают смену языка
- Некоторые скрин-ридеры могут не сразу переключать язык
- Для сложных сценариев (смешанных языков) могут быть проблемы
Примечание: Для полного указания языка и региона можно использовать расширенный синтаксис, например en-US (английский, США) или pt-BR (португальский, Бразилия).