Атрибут lang тега <ol>

Описание

Атрибут lang определяет язык содержимого упорядоченного списка <ol>. Этот атрибут помогает браузерам, поисковым системам и скринридерам правильно интерпретировать текст.

Пример использования:
<ol lang="en"> <li>First item</li> <li>Second item</li> </ol> <ol lang="ru"> <li>Первый пункт</li> <li>Второй пункт</li> </ol>

Основные правила:

Параметр Описание Примеры значений
Основной язык Двухбуквенный код языка по ISO 639-1 en, ru, es, fr
Региональный вариант Добавление кода страны через дефис (ISO 3166-1) en-US, pt-BR, zh-CN
Наследование Если не указан, наследует язык от родительских элементов -

Использование с CSS:

<style> ol[lang="en"] { font-family: "Times New Roman", serif; } ol[lang="ja"] { font-family: "MS Mincho", serif; } </style> <ol lang="en"> <li>English text</li> </ol> <ol lang="ja"> <li>日本語のテキスト</li> </ol>

Рекомендации по использованию:

  • Указывайте для многоязычных страниц
  • Используйте с атрибутом dir для RTL-языков
  • Для вложенных элементов с другим языком указывайте lang явно
  • Сочетайте с метатегом <meta http-equiv="Content-Language">

Пример с вложенными языками:

<ol lang="ru"> <li>Русский текст</li> <li lang="en">English text inside Russian list</li> <li>Снова русский текст</li> </ol>

Влияние на доступность:

  • Помогает скринридерам выбрать правильный голос и произношение
  • Влияет на автоматический перевод страниц
  • Может изменять отображение кавычек и других типографских элементов

Особенности работы:

  • Не изменяет фактическое содержание текста
  • Может влиять на сортировку и поиск по странице
  • Используется поисковыми системами для определения языка контента
  • Работает каскадно для вложенных элементов

Примечание: Правильное использование атрибута lang особенно важно для многоязычных сайтов и приложений с поддержкой доступности. Для веб-документов рекомендуется также указывать язык в атрибуте lang элемента <html>.