Атрибут hreflang

Указывает язык документа, на который ведёт ссылка.

Синтаксис

<a hreflang="<язык>">...</a>

Значения

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

Нет.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>А, атрибут hreflang</title> </head> <body> <p><a href="http://baidu.cn" hreflang="zh">Китайский поисковик Байду</a></p> </body> </html>

Примечание

Атрибут можно использовать для стилизации ссылок, ведущих на иностранные ресурсы. В примере ниже к ссылкам, у которых задано hreflang="en" добавляется картинка английского флага.

<!DOCTYPE html> <html> <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>

Браузеры

Браузеры

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

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.03.2018
Редакторы: Влад Мержевич