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

Описание

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

Пример использования:
<details> <summary lang="en">English title</summary> <p>Content in English</p> </details> <details> <summary lang="ru">Заголовок на русском</summary> <p>Содержимое на русском языке</p> </details>

Формат значений:

Значение Пример Описание
Код языка en, ru, es Основной код языка (ISO 639-1)
Код языка с регионом en-US, pt-BR Язык + региональный вариант (ISO 3166-1)

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

  • Влияет на автоматическое определение языка для проверки орфографии
  • Используется скрин-ридерами для правильного произношения
  • Может наследоваться дочерними элементами
  • Важен для SEO и доступности

Пример с наследованием:

<details lang="fr"> <summary>Titre en français</summary> <p>Contenu en français (наследует lang от details)</p> </details>

Рекомендации:

  • Всегда указывайте язык основного документа в теге <html>
  • Используйте атрибут lang для фрагментов на других языках
  • Для смешанного контента помечайте отдельные части соответствующими lang
  • Используйте правильные коды языков из стандарта ISO

Ограничения:

  • Не изменяет фактическое отображение текста (для этого нужны шрифты)
  • Некоторые старые скрин-ридеры могут игнорировать атрибут
  • Не заменяет необходимость локализации контента

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

<details> <summary lang="en">Welcome/<span lang="es">Bienvenidos</span></summary> <p lang="en">English content</p> <p lang="es">Contenido en español</p> </details>

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