Атрибут hreflang элемента <a> указывает язык документа, на который ведёт ссылка. Браузеры никак не выделяют ссылки с этим атрибутом, он предназначен для поисковых систем, чтобы они различали языки. Также ссылки с hreflang можно стилизовать, показывая пользователю, что ссылка ведёт на страницу на иностранном языке.
Синтаксис
<a hreflang="<язык>">...</a>
Значения
См. код языка.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>А, атрибут hreflang</title>
</head>
<body>
<p><a href="https://baidu.com" hreflang="zh">Китайский поисковик Байду</a></p>
</body>
</html>
Примечание
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>А, атрибут hreflang</title>
<style>
a[hreflang="en"] {
background: url(https://cdn1.iconfinder.com/data/icons/famfamfam_flag_icons/gb.png)
no-repeat 100% 50%;
padding-right: 24px;
}
</style>
</head>
<body>
<p><a href="https://www.google.co.uk" hreflang="en">Google</a></p>
</body>
</html>
Атрибут можно использовать для стилизации ссылок, ведущих на иностранные ресурсы. В данном примере к ссылкам, у которых задано hreflang="en", добавляется картинка английского флага.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.