--- title: slug: Web/HTML/Element/A tags: - HTML - Веб - Контент - Семантика - Содержание translation_of: Web/HTML/Element/a ---

HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.

<a href="https://developer.mozilla.org">MDN</a>
Категории контента  Основной поток, текстовый контент, интерактивный контент, скрытый контент.
Разрешённый контент Логический контент, содержащий либо основной поток (исключая интерактивный контент), либо заголовочный контент.
Опускание тегов Открывающий и закрывающий теги обязательны.
Разрешённые родительские элементы Любые элементы, в которых разрешён текстовый контент или элементы, в которых разрешёны элементы основного потока.
DOM-интерфейс {{domxref("HTMLAnchorElement")}}

Атрибуты

Этот элемент включает в себя общие атрибуты.

{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
Этот атрибут сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный. Если у этого атрибута есть значение, оно будет использовано как заполненное название файла в Окне сохранения, которое открывается, когда пользователь нажимает на ссылку (пользователь может поменять название перед сохранением файла). Ограничений на позволенные значения нет (хотя оно будет конвертировано в нижние подчёркивания, предотвращая специфичные пути), но стоит обратить внимание, что у большинства файловых систем есть ограничения на то, какие знаки препинания поддерживаются файловой системой, и браузеры регулируют названия согласно ограничениям.

Примечание:

{{htmlattrdef("href")}}
Единственный обязательный атрибут для определения ссылки в HTML4, но больше необязательный в HTML5. Упущение этого атрибута создаёт ссылку-заполнитель. Атрибут href указывает ссылку: либо URL, либо якорь. Якорь — это название после символа #, который указывает на элемент (ID) на текущей странице. URL не ограничены только ссылками на HTTP, они могут использовать любой протокол, поддерживающийся браузером. Например, file, ftp и mailto работают в большинстве браузеров.

Примечание: Вы можете использовать специальное значение «top», чтобы создать ссылки в начало страницы, например: <a href="#top">Вернуться наверх</a>Это поведение указано в Спецификациях HTML5.

{{htmlattrdef("hreflang")}}
Этот атрибут сообщает язык документа по ссылке. Это чисто контрольная информация. Разрешённые значения определены в BCP47 для HTML5 и RFC1766 для HTML4. Используйте этот атрибут, только если задан {{htmlattrxref("href", "a")}}.
{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}
Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
Этот атрибут сообщает, какую информацию передавать ресурсу по ссылке:
{{htmlattrdef("rel")}}
Для ссылок, которые содержат атрибут href, этот атрибут устанавливает отношения между ссылками. Значением является список значений, разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является void, если не задано иное. Используйте этот тег, только если задан атрибут {{htmlattrxref("href", "a")}}.
{{htmlattrdef("target")}}
Этот атрибут определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe). У следующих ключевых слов специальные значения:
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.

Примечание: Используя target, вы должны добавлять rel="noopener noreferrer", чтобы избежать эксплуатацию API window.opener.

{{htmlattrdef("type")}}
Этот атрибут определяет MIME-тип для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как audio/wav.
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.

Устаревшие 

{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}
Этот атрибут определяет кодировку документа по ссылке. Значением является разделённый пробелами или запятыми список кодировок. Значением по умолчанию является ISO-8859-1.

Предупреждение: Этот атрибут является устарелым в HTML5 и не должен использоваться. Чтобы достичь такого же эффекта, используйте HTTP-заголовок Content-Type на ссылающемся ресурсе.

{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}}{{obsoleteGeneric("inline","HTML5")}}
Для использования с формой объекта, этот атрибут использует разделённый запятыми список чисел для определения координат объекта на странице.
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>, чтобы определить горячие точки вместо атрибутов формы.

Нестандартные

{{htmlattrdef("datafld")}} {{Non-standard_inline}}
Этот атрибут определяет название столбца из объекта исходных данных, который принимает связанные данные.

Предупреждение: Этот атрибут нестандартный и не должен использоваться. Для достижения такого же эффекта, используйте скрипты и такие механизмы, как XMLHttpRequest, чтобы динамично заполнять страницу.

Поддержка Gecko Presto WebKit Trident
Не реализована Не реализована Не реализована IE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документ Microsoft's Data Binding: dataFld Property (MSDN)
{{htmlattrdef("datasrc")}} {{Non-standard_inline}}
Этот атрибут сообщает ID объекта исходных данных, который принимает связанные данные с этим элементом.

Предупреждение: Этот атрибут нестандартный и не должен использоваться. Для достижения такого же эффекта, используйте скрипты и такие механизмы, как XMLHttpRequest, чтобы динамично заполнять страницу.

Поддержка Gecko Presto WebKit Trident
Не реализована Не реализована Не реализована IE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документ Microsoft's Data Binding: dataSrc Property (MSDN)
{{htmlattrdef("methods")}} {{Non-standard_inline}}
Значение этого атрибута предоставляет информацию о функциях, которые могут быть выполнены на объекте. Обычно значения даны HTTP-протоколом, когда он использован, но может (для похожих целей, как для атрибута title) быть полезным для включения контрольной информации в ссылке. Например, браузер может выбрать другой тип рендеринга для ссылки как функцию определённых методов; что-то, что может быть найдено, может иметь другую иконку, или внешняя ссылка может получить индикатор перехода с текущего сайта. Этот элемент не понимается или не поддерживается полностью даже браузером Internet Explorer 4, который определил этот атрибут. Значения methods (MSDN).
{{htmlattrdef("urn")}} {{Non-standard_inline}}
Этот атрибут, предложенный Micosoft, определяет отношения уникального названия ресурса (URN) с ссылкой. Хотя он основан на стандартах работы нескольких лет назад, значение URN всё ещё не определено полностью, поэтому этот атрибут не имеет значения. Значения urn (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")}} приводит (по умолчанию) к фокусировке элемента, но оно может быть разным в зависимости от браузера и ОС.

Фокусируется ли элемент нажатием на {{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 или «переходных» формах.

Рекомендации по JavaScript

Часто якорь используется с событием onclick. Для избежания обновления страницы, href часто устанавливается на #, либо на javascript:void(0). Оба этих значения могут привести к некоторым неожиданным ошибкам во время копирования ссылки или открытия ссылки в новой вкладке или окне. Помните об этом, чтобы сделать юзабилити удобнее, когда пользователи используют якори и вы не допускаете стандартного поведения.

Смотрите также

{{HTMLRef}}