Атрибут hreflang
Синтаксис
HTML
<img src="..." alt="..." usemap="#Name">
...
<map name="Name">
<area coords="..." href="..." alt="..."
hreflang="[значение]">
...
</map>
Описание
Атрибут / параметр hreflang
указывает базовый язык документа, на который ссылается активная область карты-изображения.
Примечание
Данный параметр можно использовать, например, при создании ссылок на разные версии сайта, каждая из которых написана под определённый язык, регион, страну.
Условия использования
Атрибут «hreflang
» применяется только в сочетании с атрибутом «href
».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | ||
3.2 | ||
4.01 | ||
5.0 | 4.8.1 Links created by a and area elements The hreflang attribute... |
|
5.1 | 4.8.2. Links created by a and area elements The hreflang attribute... |
|
XHTML | ||
1.0 | ||
1.1 |
Значения
В качестве значения указывается код языка.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр hreflang (Элемент area)</title>
</head>
<body>
<h1>Пример с "hreflang"</h1>
<img src="langPanel-ru.png" style="width: 285px; height: 100px;" alt="Язык документа" usemap="#Menu">
<map name="Menu">
<area shape="rect" coords="105,35,178,85" href="example-en.html" hreflang="en" alt="English" title="English">
<area shape="rect" coords="189,35,264,85" href="example-fr.html" hreflang="fr" alt="Français" title="Français">
</map>
<p>... Текст документа ...</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр hreflang (Элемент area)</title>
</head>
<body>
<h1>Пример с "hreflang"</h1>
<img src="langPanel-ru.png" style="width: 285px; height: 100px;" alt="Язык документа" usemap="#Menu">
<map name="Menu">
<area shape="rect" coords="105,35,178,85" href="example-en.html" hreflang="en" alt="English" title="English">
<area shape="rect" coords="189,35,264,85" href="example-fr.html" hreflang="fr" alt="Français" title="Français">
</map>
<p>... Текст документа ...</p>
</body>
</html>
Параметр hreflang (Элемент area)