Категории контента | Основной поток, текстовый контент, интерактивный контент, скрытый контент. |
---|---|
Разрешённый контент | Логический контент, содержащий либо основной поток (исключая интерактивный контент), либо заголовочный контент. |
Опускание тегов | Открывающий и закрывающий теги обязательны. |
Разрешённые родительские элементы | Любые элементы, в которых разрешён текстовый контент или элементы, в которых разрешёны элементы основного потока. |
DOM-интерфейс | {{domxref("HTMLAnchorElement")}} |
Этот элемент включает в себя общие атрибуты.
{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
Примечание:
data: URLs
, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).Content-Disposition:,
и он содержит иное название, у HTTP-заголовка есть преимущество над атрибутом.Content-Disposition:
установлен на inline
, Firefox отдаёт преимущество Content-Disposition
, но в тоже время Chrome отдаёт преимущество атрибуту download
.href
указывает ссылку: либо URL, либо якорь. Якорь — это название после символа #
, который указывает на элемент (ID) на текущей странице. URL не ограничены только ссылками на HTTP, они могут использовать любой протокол, поддерживающийся браузером. Например, file
, ftp
и mailto
работают в большинстве браузеров.Примечание: Вы можете использовать специальное значение «top», чтобы создать ссылки в начало страницы, например: <a href="#top">Вернуться наверх</a>
. Это поведение указано в Спецификациях HTML5.
"no-referrer"
не отправляет заголовок Referer
."no-referrer-when-downgrade"
не отправляет заголовок Referer
ресурсу без TLS (HTTPS). Это стандартное поведение браузера, если не указана иная политика."origin"
отправляет такую информацию о текущей странице, как адрес, протокол, хост и порт."origin-when-cross-origin"
отправляет другим ресурсам только протокол, хост и порт, а внутри ресурса также отправляет путь. "unsafe-url"
отправляет только ресурс и адрес (но не пароли или никнеймы). Это значение небезопасно, так как могут утечь ресурс и адрес с TLS-защищённых ресурсов на небезопасные.href
, этот атрибут устанавливает отношения между ссылками. Значением является список значений, разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является void
, если не задано иное. Используйте этот тег, только если задан атрибут {{htmlattrxref("href", "a")}}._self
загружает документ в текущем фрейме в HTML4 (или текущей вкладке в HTML5) как текущий. Это значение по умолчанию, если не указано иное значение._blank
загружает документ в новой окне в HTML4 или вкладке в HTML5._parent
загружает документ в родительском фрейме в HTML4 или в родительской вкладке в HTML5. Если нет родителя, параметр будет вести себя как _self
: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self
._top
в HTML4 загружает документ в новом окне, игнорируя другие фреймы. В HTML5 загружает в окне высшего уровня. Если родителя нет, опция ведёт себя как _self
.Примечание: Используя target
, вы должны добавлять rel="noopener noreferrer"
, чтобы избежать эксплуатацию API window.opener
.
audio/wav
.Предупреждение: Этот атрибут является устарелым в HTML5 и не должен использоваться. Чтобы достичь такого же эффекта, используйте HTTP-заголовок Content-Type
на ссылающемся ресурсе.
name
{{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}id
и должен быть уникальным идентификатором и состоять из букв и цифр. Согласно спецификации HTML 4.01, и id
, и name
могут быть использованы с элементом <a>
, пока у них идентичные значения.rev
{{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}rel
. Это полезно, чтобы отобразить, откуда пришёл объект как автор или документ.shape
{{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}circle
, default
, polygon
и rect
. Формат координат зависит от выбранной формы. Для circle
— x
, y
, r
, где x
и y
— пиксельные координаты центра круга и r
— радиус в пикселях. Для rect — x
, y
, w
, h
, где x
и y
— координаты верхнего левого угла прямоугольника, а w
и h
— ширина и высота соответственно. Значениями polygon
для координатор формы являются x1
, y1
, x2
, y2
... Каждая пара x
, y
определяет точку в полигоне, с последующей точкой становится прямой линией, и последняя точка объединяется с первой. Значение default
для форм требует, чтобы полностью закрытая территория, например, изображение, было использовано.Примечание: Желательно использовать атрибут usemap
для элемента <img>
и связанного элемента <map>
, чтобы определить горячие точки вместо атрибутов формы.
Предупреждение: Этот атрибут нестандартный и не должен использоваться. Для достижения такого же эффекта, используйте скрипты и такие механизмы, как XMLHttpRequest, чтобы динамично заполнять страницу.
Поддержка | Gecko | Presto | WebKit | Trident |
Не реализована | Не реализована | Не реализована | IE4, IE5, IE6, IE7 (Убрана в IE8) | |
Нормативный документ | Microsoft's Data Binding: dataFld Property (MSDN) |
Предупреждение: Этот атрибут нестандартный и не должен использоваться. Для достижения такого же эффекта, используйте скрипты и такие механизмы, как XMLHttpRequest, чтобы динамично заполнять страницу.
Поддержка | Gecko | Presto | WebKit | Trident |
Не реализована | Не реализована | Не реализована | IE4, IE5, IE6, IE7 (Убрана в IE8) | |
Нормативный документ | Microsoft's Data Binding: dataSrc Property (MSDN) |
title
) быть полезным для включения контрольной информации в ссылке. Например, браузер может выбрать другой тип рендеринга для ссылки как функцию определённых методов; что-то, что может быть найдено, может иметь другую иконку, или внешняя ссылка может получить индикатор перехода с текущего сайта. Этот элемент не понимается или не поддерживается полностью даже браузером Internet Explorer 4, который определил этот атрибут. Значения methods
(MSDN).<!-- Ссылка на внешний файл --> <a href="http://www.mozilla.com/">Внешняя ссылка</a>
<a href="https://developer.mozilla.org/ru/" target="_blank"> <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo"> </a>
{{ EmbedLiveSample("Создание_кликабельной_картинки", "320", "64") }}
<a href="mailto:nowhere@mozilla.org">Отправить сообщение в никуда</a>
Результат выглядит примерно так: Отправить сообщение в никуда.
Для дополнительных деталей использования mailto
, таких как тема, текст или другое, смотрите Email-ссылки или {{RFC(6068)}}.
С телефонами, способными выходить в Интернет и ноутбуками, которые привязаны к телефонам, ссылки с номером телефона становятся всё больше и больше полезными.
<a href="tel:+491570156">+49 157 0156</a>
Для дополнительных деталей о протоколе tel
, смотрите {{RFC(2806)}} и {{RFC(2396)}}.
download
для сохранения canvas как PNGЕсли вы хотите позволить пользователю скачивать HTML canvas как картинку, вы можете создать ссылку с атрибутом download
и данные canvas как data: URL
:
var link = document.createElement("a"); link.innerHTML = 'download image'; link.addEventListener("click", function(ev) { link.href = canvas.toDataURL(); link.download = "mypainting.png"; }, false); document.body.appendChild(link);
Вы можете посмотреть на это в действии: jsfiddle.net/codepo8/V6ufG/2/.
Спецификация | Статус | Примечание |
---|---|---|
{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}} | {{Spec2('Referrer Policy')}} | Добавлен атрибут referrerpolicy . |
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-a-element', '<a>')}} | {{Spec2('HTML5 W3C')}} | |
{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}} | {{Spec2('HTML4.01')}} |
{{Compat("html.elements.a")}}
Нажатие на {{HTMLElement("a")}} приводит (по умолчанию) к фокусировке элемента, но оно может быть разным в зависимости от браузера и ОС.
Настольные | Windows 8.1 | OS X 10.9 |
---|---|---|
Firefox 30.0 | Да | Да |
Chrome ≥39 (Chromium bug 388666) |
Да | Да |
Safari 7.0.5 | Нет данных | Только с заданным tabindex |
Internet Explorer 11 | Да | Нет данных |
Presto (Opera 12) | Да | Да |
Мобильные | iOS 7.1.2 | Android 4.4.4 |
---|---|---|
Safari Mobile | Только с заданным tabindex |
Нет данных |
Chrome 35 | Неизвестно | Только с заданным tabindex |
HTML 3.2 включает в себя только name
, href
, rel
, rev
и title
.
Атрибут target
не работает в браузерах, не поддерживающих фреймы, таких как Netscape 1 generation. Кроме того, target
не допускается в «строгих» вариантах XHTML, но разрешён в формах frameset или «переходных» формах.
Часто якорь используется с событием onclick
. Для избежания обновления страницы, href
часто устанавливается на #
, либо на javascript:void(0)
. Оба этих значения могут привести к некоторым неожиданным ошибкам во время копирования ссылки или открытия ссылки в новой вкладке или окне. Помните об этом, чтобы сделать юзабилити удобнее, когда пользователи используют якори и вы не допускаете стандартного поведения.