Атрибут lang тега <em>
Описание
Атрибут lang указывает язык содержимого элемента <em> (акцентированного текста). Это важно для:
- Правильного отображения текста (шрифты, кавычки)
- Корректной работы синтеза речи в скринридерах
- Автоматического перевода контента
- Проверки орфографии в редактируемых элементах
Особенность: При отсутствии атрибута язык наследуется от родительских элементов.
Пример использования:
<p>
Французское слово <em lang="fr">Bonjour</em> означает "здравствуйте".
</p>
Форматы значений:
| Формат | Пример | Описание |
|---|---|---|
| Двухбуквенный код | lang="es" |
Испанский язык (ISO 639-1) |
| Код с регионом | lang="pt-BR" |
Португальский (Бразилия) |
| Код сценария | lang="zh-Hant" |
Китайский традиционный |
Практическое применение:
<p>
В лингвистике <em lang="la">et cetera</em> означает "и так далее".
</p>
<p>
Арабское приветствие: <em lang="ar" dir="rtl">مرحبا</em> (мархаба).
</p>
Использование с CSS:
<style>
/* Разные шрифты для разных языков */
em[lang="zh"] { font-family: "Noto Sans CJK SC", sans-serif; }
em[lang="ar"] { font-family: "Traditional Arabic", serif; }
/* Стили для иностранных слов */
em[lang]:not([lang="ru"]) {
font-style: italic;
color: #6c757d;
}
</style>
<p>
Китайское слово <em lang="zh">你好</em> означает "привет".
</p>
Рекомендации по использованию:
- Всегда указывайте основной язык документа в
<html lang="..."> - Используйте для иностранных слов и терминов
- Для сложных случаев используйте BCP 47 теги
- Сочетайте с
dirдля RTL-языков - Проверяйте коды языков в IANA Language Subtag Registry
Пример с микроформатами:
<p>
Термин <em lang="en" itemscope itemtype="https://schema.org/DefinedTerm">
<span itemprop="name">JavaScript</span>
</em> является торговой маркой.
</p>
Примечание: Правильное указание языка особенно важно для многоязычных документов и академических текстов. Атрибут lang помогает сохранять семантическую целостность при автоматическом переводе и улучшает доступность контента.