Атрибут lang тега <html>
Описание
Атрибут lang в теге <html> определяет основной язык всего HTML-документа. Это важный атрибут, который влияет на отображение, доступность и обработку страницы.
<!DOCTYPE html>
<html lang="ru">
<!-- Содержимое страницы на русском -->
</html>
<!DOCTYPE html>
<html lang="en">
<!-- Page content in English -->
</html>
Форматы значений:
| Формат | Пример | Описание |
|---|---|---|
| Двухбуквенный код | lang="fr" |
Французский язык (ISO 639-1) |
| Код с регионом | lang="pt-BR" |
Бразильский португальский |
| Языковой подтег | lang="zh-Hans" |
Китайский (упрощенный) |
Почему это важно:
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- Браузер предложит перевод для японского контента -->
<meta charset="UTF-8">
<title>日本語のページ</title>
</head>
<body>
<!-- Скринридеры используют lang для правильного произношения -->
<h1>ようこそ</h1>
</body>
</html>
Динамическое изменение языка:
<!DOCTYPE html>
<html id="mainDocument" lang="en">
<head>
<title>Language Switcher</title>
</head>
<body>
<button onclick="switchLanguage('es')">Español</button>
<button onclick="switchLanguage('fr')">Français</button>
<script>
function switchLanguage(lang) {
document.documentElement.lang = lang;
// Здесь может быть код для загрузки локализованного контента
}
</script>
</body>
</html>
Рекомендации по использованию:
- Всегда указывайте атрибут
langв теге<html> - Используйте правильные коды языков из IANA Language Subtag Registry
- Для многоязычных страниц указывайте язык для каждого раздела
- Сочетайте с атрибутом
dirдля RTL-языков - Проверяйте с валидатором W3C
Влияние на различные аспекты:
| Аспект | Влияние |
|---|---|
| Доступность | Скринридеры используют для правильного произношения |
| SEO | Поисковые системы учитывают при индексации |
| Юзабилити | Браузеры могут предложить перевод |
| Типографика | Влияет на выбор шрифтов и переносов |
Примечание: Правильное указание языка документа - это фундаментальная практика веб-разработки, которая улучшает пользовательский опыт, доступность и поисковую оптимизацию вашего сайта. Всегда проверяйте корректность кода языка.