Атрибут hreflang

Указывает язык документа, на который ведёт ссылка. Браузеры никак не выделяют ссылки с этим атрибутом, он предназначен для поисковых систем, чтобы они различали языки. Также ссылки с 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", добавляется картинка английского флага.

Браузеры

11 12 4 15 3.1 2
4.4 4 14 1

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.