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

Описание

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

Пример использования:
<dl> <dt>Hello</dt> <dd lang="en">An expression of greeting</dd> <dt>Bonjour</dt> <dd lang="fr">Une expression de salutation</dd> <dt>Привет</dt> <dd lang="ru">Выражение приветствия</dd> </dl>

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

Код Язык Пример использования
en Английский lang="en"
es Испанский lang="es"
fr Французский lang="fr"
de Немецкий lang="de"
ru Русский lang="ru"
zh Китайский lang="zh"
ja Японский lang="ja"
ar Арабский lang="ar"

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

  • Влияет на выбор шрифтов, кавычек и правил переноса слов
  • Может изменять произношение в скринридерах
  • Используется поисковыми системами для определения языка контента
  • Может комбинироваться с атрибутом dir для RTL-языков
  • Наследуется дочерними элементами

Пример с CSS:

<style> /* Разные стили для разных языков */ dd[lang="en"] { font-family: "Times New Roman", serif; } dd[lang="ja"] { font-family: "MS Gothic", "Hiragino Kaku Gothic Pro", sans-serif; } dd[lang="ar"] { font-family: "Traditional Arabic", serif; direction: rtl; } </style> <dl> <dt>Computer</dt> <dd lang="en">An electronic device for storing and processing data</dd> <dt>كمبيوتر</dt> <dd lang="ar">جهاز إلكتروني لتخزين ومعالجة البيانات</dd> </dl>

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

<dl> <dt>Language</dt> <dd id="lang-example" lang="en">A system of communication used by a particular country or community</dd> </dl> <button onclick="translateToFrench()">Translate to French</button> <script> function translateToFrench() { const dd = document.getElementById('lang-example'); dd.lang = 'fr'; dd.textContent = 'Un système de communication utilisé par un pays ou une communauté particulière'; } </script>

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

  • Всегда указывайте язык основного документа в теге <html>
  • Используйте атрибут lang для фрагментов на других языках
  • Для сложных случаев можно указывать региональные варианты (например, en-US или pt-BR)
  • Сочетайте с мета-тегами для улучшения SEO
  • Проверяйте правильность кодов языков (используйте стандарт ISO 639-1)

Важные замечания:

  • Неправильное указание языка может ухудшить доступность
  • Некоторые браузеры используют этот атрибут для проверки орфографии
  • Для китайского языка можно уточнять письменность (zh-Hans или zh-Hant)
  • Атрибут не изменяет автоматически направление текста (для RTL используйте dir)

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