Атрибут lang тега <center>
Описание
Атрибут lang для тега <center> определяет язык текста внутри элемента. Это помогает браузерам, поисковым системам и программам чтения с экрана правильно интерпретировать и отображать содержимое.
<center lang="ru">
Этот текст на русском языке
</center>
<center lang="en">
This text is in English
</center>
Применение с CSS (псевдокласс :lang):
<style>
center:lang(ru) {
font-family: 'Times New Roman', serif;
}
center:lang(en) {
font-family: Arial, sans-serif;
}
</style>
<center lang="ru">Текст с шрифтом Times New Roman</center>
<center lang="en">Text with Arial font</center>
Особенности работы:
| Значение | Описание | Пример |
|---|---|---|
ru |
Русский язык | lang="ru" |
en |
Английский язык | lang="en" |
es |
Испанский язык | lang="es" |
fr |
Французский язык | lang="fr" |
de |
Немецкий язык | lang="de" |
Рекомендации по использованию:
- Используйте стандартные коды языков ISO 639-1.
- Если язык текста отличается от языка страницы, всегда указывайте
lang. - Для сложных случаев (например, китайский) можно уточнять регион:
lang="zh-CN"(Китай) илиlang="zh-TW"(Тайвань). - Тег
<center>устарел — лучше использовать<div style="text-align: center;" lang="...">.
SEO и доступность:
- Правильное указание языка помогает поисковым системам корректно индексировать текст.
- Программы чтения с экрана (например, для слабовидящих) используют
lang, чтобы выбрать правильное произношение. - Браузеры могут применять языковые стили (например, кавычки в разных языках).
Пример с JavaScript:
<center id="lang-example" lang="en">Hello!</center>
<script>
const element = document.getElementById('lang-example');
console.log(element.lang); // Выведет "en"
element.lang = 'fr'; // Меняем язык на французский
</script>
Важные замечания:
- Если
langне указан, браузер использует язык документа (<html lang="...">). - Неправильный код языка (например,
lang="русский") может не работать. - Атрибут
langподдерживается всеми браузерами. - Для многоязычного текста можно использовать
<span lang="...">внутри<center>.
Примечание: Хотя <center> устарел, атрибут lang остаётся важным для семантики и доступности. Всегда указывайте язык текста, особенно если он отличается от основного языка страницы.