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

Описание

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

Пример использования:
<section lang="en"> <h2>Welcome</h2> <p>This section contains English content</p> </section> <section lang="ru"> <h2>Добро пожаловать</h2> <p>Этот раздел содержит русскоязычный контент</p> </section>

Основные языковые коды:

Язык Код Пример
Английский en lang="en"
Русский ru lang="ru"
Китайский zh lang="zh-CN"

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

  • Наследуется дочерними элементами
  • Влияет на выбор шрифта и переносы слов
  • Важен для скринридеров и синтеза речи
  • Учитывается поисковыми системами

Пример с автоматическим определением:

<section lang="auto"> <p>هذا نص عربي</p> <p>This is English text</p> </section>

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

  • Всегда указывайте для многоязычных сайтов
  • Используйте точные коды (например, pt-BR для бразильского португальского)
  • Сочетайте с атрибутом dir для RTL-языков
  • Проверяйте валидность кодов языка

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

  • Не все браузеры поддерживают lang="auto"
  • Может потребоваться дополнительная CSS-стилизация
  • Некоторые CMS переопределяют это значение

Примечание: Для веб-приложений с динамическим контентом:

  • Устанавливайте lang через JavaScript при смене языка
  • Используйте мета-тег <meta http-equiv="Content-Language">
  • Тестируйте с разными языковыми настройками