Атрибут lang тега <i>
Описание
Атрибут lang в теге <i> указывает язык содержимого внутри элемента. Это особенно полезно для фраз на иностранных языках или технических терминов, выделенных курсивом.
<p>
The chemical name is <i lang="la">Homo sapiens</i>.
</p>
<p>
French phrase: <i lang="fr">Je ne sais quoi</i>
</p>
Форматы значений:
| Формат | Пример | Использование |
|---|---|---|
| Двухбуквенный код | lang="es" |
Испанский язык |
| Код с регионом | lang="pt-BR" |
Бразильский португальский |
| Языковой подтег | lang="zh-Hans" |
Китайский (упрощенный) |
Практическое применение:
<style>
i[lang] { font-style: italic; }
i[lang="la"] { color: #8e44ad; }
</style>
<p>
Scientific terms: <i lang="la">E. coli</i>,
<i lang="la">In vitro</i>
</p>
Для чего важно указывать язык:
- Правильное произношение скринридерами
- Автоматический перевод в браузерах
- Выбор правильного шрифта и типографики
- Семантическая разметка контента
Динамическое изменение:
<i id="term" lang="la">Carpe diem</i>
<button onclick="translateTerm()">Translate</button>
<script>
function translateTerm() {
const term = document.getElementById('term');
term.lang = 'en';
term.textContent = 'Seize the day';
}
</script>
Рекомендации:
- Используйте для иностранных слов и терминов
- Сочетайте с
<em>для семантического выделения - Для RTL-языков добавьте
dir="rtl" - Проверяйте коды языков в IANA Language Subtag Registry
Примечание: Хотя тег <i> часто используется чисто для визуального выделения, добавление атрибута lang придает ему семантическую значимость, особенно важно для многоязычных сайтов и специальных терминов.