Атрибут lang

HTML Глобальный атрибут lang

Атрибут lang (от англ. «language» ‒ «язык») задаёт язык, на котором написан текст внутри текущего элемента. Атрибут в теге устанавливает язык для всего текста на странице. В качестве задаваемого значения должно выступать значение допустимое документом BCP 47.

Так же предусмотрено указание через тире (‒) субверсии языка (версия языка: en-us , zh-gan ; набор символов для написания: sr-Latn ‒ сербский-латиница).

Атрибут lang может выполнять следующие функции:

• Оказание помощи поисковым системам (Yandex, Google и т.д.);
• Оказание помощи речевым синтезаторам (выбор соответствующего произношения);
• Помощь браузерам в выборе вариантов символов для высококачественной полиграфии (выбор соответствующих шрифтов, набора кавычек);
• Помощь браузерам в принятии решений о переносах, лигатурах, и интервалах;
• Помощь браузерам в выборе соответствующих пользовательских интерфейсов управления формой (выбор даты);
• Содействие в проверке орфографии и грамматики (выбор соответствующего словаря).

Примечание: Большинство программ умеет определять язык текста и без атрибута lang , так как они используют определенные таблицы символов в формате Unicode, с которыми сверяют символы текста HTML-страницы. В этих таблицах каждый символ языка имеет определенный код, таким образом, допустим, английская и русская буквы «A» хоть и одинаковы внешне, но имеют разные коды.

Синтаксис

Значения

В качестве значения указывается код языка.

Значение по умолчанию

Применяется к тегам

Атрибут lang относится к глобальным атрибутам, и может быть использован с любым элементом HTML.

Различия между HTML 4.01 и HTML5

В HTML5, атрибут lang может быть использован в любом HTML элементе.

В HTML 4.01 атрибут lang не используется со следующими элементами: ,
, , ,

---

, , , и .

Пример использования:

Атрибут lang

Пример HTML:

Текст на русском языке со вставкой на "English" языке.
 

Спецификации

Спецификация	Статус
Current W3C Draft	Текущий проект
WHATWG HTML Living Standard (WHATWG)	Живой стандарт
HTML5 (W3C)	Рекомендация
HTML 5.1 (W3C)	Рекомендация
HTML 4.01(W3C)	Рекомендация

Источник

Атрибут lang

Текст документа может быть набран как на одном языке, так и содержать вставки на других языках, которые могут различаться по своим правилам оформления текста. Например, для русского, немецкого и английского языка характерны разные кавычки, в которые берется цитата. Чтобы указать язык, на котором написан текст внутри текущего элемента и применяется атрибут lang . Браузер использует его значение для правильного отображения некоторых символов.

Синтаксис

Значения

Значение по умолчанию

Применяется к тегам

Пример

       
Цитата на французском языке: Ce que femme veut, Dieu le veut.
 
Цитата на немецком: Der Mensch, versuche die Gotter nicht.
 
Цитата на английском: То be or not to be.
  

Результат данного примера показан на рис. 1. Для отображения типовых кавычек в примере используется стилевое свойство quotes , а само переключение языка и соответствующего вида кавычек происходит через атрибут lang , добавляемый к тегу .

Рис. 1. Вид кавычек для разных языков

Источник

Работа с языком в HTML (руководство)

Информация о языке, используемом на странице важна для её доступности, стиля, функций поиска и по другим причинам. Кроме того, информация о языке, которая обычно передается между юзер-агентом и сервером, может быть использована для улучшения пользовательской навигации и локализуемости вашего сайта. Это руководство поможет вам воспользоваться преимуществами, доступными сегодня и в ближайшем будущем, с помощью корректного объявления информации о языке.

Цели

После прочтения руководства вы будете:

• знать, как объявить язык по умолчанию для вашей страницы, а также контент на различных языках
• понимать, чем языковые метаданные об ожидаемом языке аудитории отличаются от языка непосредственно текста, и смысл этой разметки
• способны найти информацию о том, как выбрать правильные значения атрибутов языка
• знать, как установить языковые настройки вашего браузера
• знать, как стилизовать ваши страницы в зависимости от выбранного языка.

Предполагаемая аудитория: XHTML/HTML и CSS кодеры, веб-разработчики (PHP, JSP, и т. д.), а также все, кому необходимо руководство по объявлению и использованию языковой информации в HTML. Предполагается, что вы имеете базовое знакомство с HTML и CSS.

Данное руководство объединяет и организует ссылки на статьи, которые, все вместе, помогут вам понять основные аспекты работы с языковой информацией при создании HTML и CSS.

В двух словах

Всегда добавляйте lang атрибут к тэгу html для того, чтобы установить язык по умолчанию вашей страницы.

Если это XHTML 1.x или HTML5 Polyglot документ, используемый, как XML, вам следует также использовать xml:lang атрибут (с тем же значением). Если ваша страница используется только, как XML, то просто используйте xml:lang атрибут.

Не используйте meta элемент с http-equiv , установленным в значение Content-Language .

Выбирайте тэги из списка IANA Subtag Registry и следуйте правилам синтаксиса BCP 47 при использовании структур более сложных, чем просто языковой тэг. Держите свои языковые теги как можно более короткими.

Используйте :lang свойство в CSS, чтобы применять стили, зависящие от языка вашего контента.

Зачем объявлять язык?

Эта часть руководства объясняет мотивы для дальнейшего чтения. Если вы спешите и просто хотите знать, что делать, без теории, то начните читать раздел Как объявить язык страницы или элемента.

Браузеры и другие приложения могут использовать информацию о языке контента для предоставления пользователям наиболее подходящей информации или предоставления информации пользователям наиболее подходящим образом. Чем больше контента будет размечено и размечено правильно, тем более полезными и распространенными такие приложения станут.

Зачем использовать атрибут языка? содержит примеры того, как языковая информация может быть полезной.

Как объявить язык страницы или элемента

Вам следует устанавливать язык текста на странице, используя языковые атрибуты. К сожалению, существует более, чем один атрибут, а также есть несколько вещей, которые необходимо прояснить. Этот раздел обсуждает различные варианты: те, которые следует использовать, и те, которых следует избегать (и почему).

Объявление языка в HTML предоставляет итоговую информацию о том, как объявлять язык, используя атрибуты.

HTTP заголовки, мета элементы и информация о языке описывает, как языковые метаданные отличаются от действительного языка текста, а также Content-Language, используемый в HTTP заголовках и мета элементах.

Работа с языковыми тэгами

В этом разделе рассматривается, как выбирать и создавать языковые теги, то есть значения, используемые для атрибутов языка.

Чтобы быть уверенным в том, что все юзер агенты понимают, какой язык вы имеете в виду, вам необходимо следовать стандартным подходам при предоставлении языковых значений. Вам, вероятно, потребуется рассмотреть, как относиться к диалектным различиям, например между американским и британским английским, которые содержат существенные различия в орфографии и произношении.

Языковые тэги в HTML и XML описывает синтаксис языковых тэгов, использующих спецификацию BCP 47.

Выбор языкового тэга предоставляет практическую информацию о том, как выбрать корректный тэг из тысяч доступных, для представления необходимого вам языка.

Установка языковых настроек браузера

Когда ваш браузер получает документ из Сети, он отправляет HTTP запрос на сервер. Вместе с запросом, браузер также посылает информацию о своих языковых настройках. Эти настройки могут влиять на то, какой контент будет отправлен вам обратно. Узнайте, как устанавливать и изменять эти настройки.

Использование информации о языке для стилизации документа

Вам зачастую необходимо применять различные стили для текста на различных языках (например, шрифт или высота строки, или, вероятно, различные стили выделения и так далее). Если вы задействуете атрибуты для определения языка контента, то вы сможете использовать некоторые мощные CSS селекторы для автоматического применения различных стилей при изменении языка контента. Следующая статья рассматривает различные способы того, как это сделать.

Дополнительные материалы

Источник