Атрибут lang тега <li>
Описание
Атрибут lang определяет язык содержимого элемента <li>. Он помогает браузерам, поисковым системам и скринридерам правильно интерпретировать текст.
<ul>
<li lang="en">This item is in English</li>
<li lang="fr">Cet élément est en français</li>
<li lang="ru">Этот пункт на русском</li>
</ul>
Форматы языковых тегов:
| Тип | Формат | Пример |
|---|---|---|
| Основной язык | 2-буквенный код (ISO 639-1) | lang="es" (испанский) |
| Язык с регионом | язык-регион (ISO 3166) | lang="pt-BR" (бразильский португальский) |
| Скрипт | язык-скрипт | lang="zh-Hans" (китайский упрощенный) |
Использование с CSS:
<style>
li:lang(en) { font-family: "Times New Roman", serif; }
li:lang(ja) { font-family: "MS Gothic", sans-serif; }
li:lang(ar) { direction: rtl; text-align: right; }
</style>
<ul>
<li lang="en">English text with special styling</li>
<li lang="ja">日本語のテキスト</li>
<li lang="ar">نص عربي</li>
</ul>
Рекомендации по использованию:
- Всегда указывайте основной язык документа в теге
<html> - Используйте для фрагментов на других языках
- Сочетайте с атрибутом
dirдля RTL-языков - Проверяйте правильность кодов языков
SEO и доступность:
- Помогает поисковым системам правильно индексировать многоязычный контент
- Улучшает работу скринридеров (правильное произношение)
- Влияет на выбор шрифтов и переносов текста
- Может использоваться для языковой сегментации контента
Пример многоязычного списка:
<ul>
<li lang="en">Welcome</li>
<li lang="es">Bienvenido</li>
<li lang="fr">Bienvenue</li>
<li lang="de">Willkommen</li>
<li lang="ru">Добро пожаловать</li>
</ul>
Примечание: Правильное использование атрибута lang особенно важно для многоязычных сайтов. Для сложных проектов рассмотрите возможность автоматического определения и установки языка через CMS или JavaScript-библиотеки.