Атрибут lang тега <footer>
Описание
Атрибут lang определяет язык содержимого элемента <footer>. Он помогает браузерам, поисковым системам и скринридерам правильно интерпретировать текст.
<footer lang="ru">
<p>© 2025 Мой сайт. Все права защищены.</p>
</footer>
<footer lang="en">
<p>© 2025 My Website. All rights reserved.</p>
</footer>
Формат значений:
| Тип | Пример | Описание |
|---|---|---|
| Основной язык | lang="fr" |
Французский язык |
| Язык с регионом | lang="pt-BR" |
Бразильский португальский |
| Скрипт | lang="zh-Hans" |
Китайский (упрощенное письмо) |
Практическое применение:
<footer lang="ru">
<div lang="en">International version</div>
<p>Основная информация на русском</p>
</footer>
Использование с CSS:
<style>
footer[lang="en"] {
font-family: "Times New Roman", serif;
}
footer[lang="ja"] {
font-family: "MS Mincho", serif;
line-height: 1.8;
}
</style>
<footer lang="ja">
<p>日本語のフッターコンテンツ</p>
</footer>
Доступность и SEO:
- Помогает скринридерам правильно произносить текст
- Улучшает обработку контента поисковыми системами
- Влияет на автоматический перевод в браузерах
- Может изменять тип кавычек и правила переноса
Рекомендации:
- Всегда указывайте язык основного документа
- Для многоязычных футеров используйте вложенные элементы с разными lang
- Используйте правильные коды языков (ISO 639-1)
- Для смешанного контента отмечайте языковые переключения
Динамическое изменение:
<footer id="lang-switcher">
<p>Текст, который будет менять язык</p>
</footer>
<button onclick="setRussian()">>Русский</button>
<button onclick="setEnglish()">>English</button>
<script>
function setRussian() {
document.getElementById('lang-switcher').lang = 'ru';
document.getElementById('lang-switcher').innerHTML =
'<p>Текст на русском языке</p>';
}
function setEnglish() {
document.getElementById('lang-switcher').lang = 'en';
document.getElementById('lang-switcher').innerHTML =
'<p>English text content</p>';
}
</script>
Примечание: Для многоязычных сайтов правильное использование атрибута lang в футере особенно важно, так как он часто содержит юридическую информацию и контакты, которые должны быть точно интерпретированы.