Атрибут 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
Редакторы: Влад Мержевич