Атрибут `href` HTML тега `<a>`

Значение и применение

Атрибут href (HTML тега <a>) задает URL адрес страницы, или документа на которую ведёт ссылка.

Относительный адрес разрешается относительно базового URL документа, который может изменять <base>. Абсолютный адрес может вести и на текущий сайт. mailto: открывает почтовое приложение, tel: — обработчик звонков. Для запуска действия используйте кнопку, а не href="javascript:…" или пустую ссылку.

Текущий документ — my-site/pages/toys.html. Путь начинается в папке pages: ../ поднимает в my-site, assets/ спускает в папку изображений, tony.png выбирает файл. Полный относительный путь — ../assets/tony.png. — Путь `../assets/tony.png` из документа `pages/toys.html`. Здесь базовый URL не изменён элементом `<base>`.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Отдельные значения (1) поддерживаются не везде — смотрите таблицу.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.a.href
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`href`	✓1	✓12	✓1	✓15	✓1	✓18	✓4	✓14	✓1	✓1.0	✓4.4	✓1
href = 'sms:'	×	×	✓12	×	×	×	✓14	×	×	×	×	×
href = '#top'	✓1	✓12	✓10	✓15	✓≤4	✓18	✓10	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<a href = "URL" >

Значения атрибута

Значение Описание

Значение	Описание
`URL`	Единый указатель ресурса (англ. Uniform Resource Locator, URL) — единообразный локатор (определитель местонахождения) ресурса. Возможные значения атрибута: Абсолютный URL адрес (ссылка применяются для страниц или файлов, которые находятся на других ресурсах. Например, `href =` `"http://anysite.com/about.html"`). Относительный URL адрес (ссылка применяются для страниц или файлов, которые находятся на этом же сервере. Например, `href =` `"somepage.html"`). Выступать в роли "якоря" (ссылка на элемент с заданным глобальным атрибутом `id` (уникальный идентификатор) на странице. Например, `href =` `"#totop"`). Атрибут может содержать в качестве значения другие протоколы, например такие как https://, FTP:// и mailto. Содержать скрипт на языке JavaScript (Например, `href =` `"javascript:console.log('JavaScript in a link!');"`).

URL

Единый указатель ресурса (англ. Uniform Resource Locator, URL) — единообразный локатор (определитель местонахождения) ресурса.
Возможные значения атрибута:

Абсолютный URL адрес (ссылка применяются для страниц или файлов, которые находятся на других ресурсах. Например, href = "http://anysite.com/about.html").
Относительный URL адрес (ссылка применяются для страниц или файлов, которые находятся на этом же сервере. Например, href = "somepage.html").
Выступать в роли "якоря" (ссылка на элемент с заданным глобальным атрибутом id (уникальный идентификатор) на странице. Например, href = "#totop").
Атрибут может содержать в качестве значения другие протоколы, например такие как https://, FTP:// и mailto.
Содержать скрипт на языке JavaScript (Например, href = "javascript:console.log('JavaScript in a link!');").

Отличия HTML 4.01 от HTML 5

Элемент <a> без href — место для потенциальной ссылки, а не действующая гиперссылка. Он не получает обычное поведение ссылки при работе с клавиатуры.

Ссылка на элемент страницы

Ссылка href="#toy" ведёт к элементу с id="toy" в текущем документе. Идентификатор должен быть уникальным на странице.

На одной HTML-странице ссылка с href="#toy" ведёт к заголовку с id="toy". После перехода браузер прокручивает страницу к этому элементу. Фрагмент toy в ссылке совпадает с идентификатором заголовка. Решётка нужна в href, но не входит в значение id. — В `href` перед идентификатором ставят `#`; в самом `id` этого символа нет.

Примеры, попробуйте сами

Атрибут href элемента a

Откройте скачанный HTML для проверки перехода: в предпросмотре ссылки отключены.

index.html