# Content Languages
It’s a good practice to declare the primary language of the document in the html element:
If no other lang attribute is specified in the document, it means that everything (i.e., element content and attribute text values) is in that language.
If the document contains parts in other languages, these parts should get their own lang attributes to "overwrite" the language declaration.
# Element Language
The lang attribute is used to specify the language of element content and attribute text values:
The language declaration gets inherited:
# Elements with Multiple Languages
You can "overwrite" a language declaration:
# Handling Attributes with Different Languages
You can "overwrite" a parent element’s language declaration by introducing any element apart from applet , base , basefont , br , frame , frameset , hr , iframe , meta , param , script (of HTML 4.0) with an own lang
# Regional URLs
It is possible to add the attribute hreflang
(opens new window) to the elements <a> and <area> that create hyperlinks. Such it specifies the language of the linked resource. The language defined must be a valid BCP 47
- ↑ IETF Network Working Group: RFC 5646 Tags for Identifying Languages
# Syntax
# Remarks
The value of the lang attribute must be a valid BCP 47 language tag or the empty string (if the language is unknown).
HTML Глобальный атрибут lang
Атрибут lang (от англ. «language» ‒ «язык») задаёт язык, на котором написан текст внутри текущего элемента. Атрибут в теге <html> устанавливает язык для всего текста на странице. В качестве задаваемого значения должно выступать значение допустимое документом 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 не используется со следующими элементами: <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, и <script>.
Html lang ru что это
Если компания работает в различных странах и ресурс мультиязычный, стоит указывать при помощи специальных атрибутов — для какого региона и языка предназначена та или иная страница. Это позволит поисковым системам идентифицировать различные версии сайта и показывать пользователю подходящий вариант.
Также данные атрибуты позволят избежать проблем, связанных с дублированием контента, которые могут возникнуть при индексации страниц со сходным содержимым, предназначенным для различных регионов.
Например, в международном интернет-магазине могут совпадать описания товаров, однако отличаться валюта для показа в Великобритании и США. Если не прописать различный регион для каждой из версий страниц, поисковики могут посчитать их дублями.
Google рекомендует прописывать языковые и региональные версии для мультиязычных сайтов в следующих случаях:
6 Useful but Lesser-Known HTML Tags & Attributes
These tags exist for good reasons… Includes example + use-case.
Sometime earlier this year as my upcoming job priorities shifted away from my assignments at that time, I was required to create a step-by-step walkthrough in HTML format for co-workers whom I had to hand over my duties. Hence, I found myself implementing HTML tags I wasn’t accustomed to using in my front-end developer roles but found extremely useful.
Without further ado, these are the top HTML tags which in my opinion deserve more attention than they currently receive.
1. HTML lang attribute
While browsing through the web it is not uncommon to find 2 or more languages simultaneously written onto a single web page. Hence, to avoid triggering the browser translation tool unnecessarily:
For blocks of text which are known to be expressed in alternative languages, specifying the following can help the browser understand its intended usage:
This had proven to be particularly useful when I had to collaborate with multi-national stakeholders. For the full reference list of the language attribute please refer to HTML ISO Country Code Reference (w3schools.com)
2. HTML <mark> tag
Another under-utilised tag in HTML I found was the <mark> tag which highlights crucial points for further emphasis:
— This tag is pretty self-explanatory since this is equated to using highlighter pens in our 3D notes:
Self-revelation: Unless I were using multi-coloured highlighters, I could actually use <mark> instead of coding the following from scratch (surprise, surprise ��):