HTML атрибут href, определение и примеры использования
Меню
Веб-разработка

Атрибут href (сокращение от "Hypertext Reference") используется в HTML для указания адреса ссылки. Чаще всего применяется в элементах <a> (гиперссылка) и <link> (связь между документами). Значение атрибута может быть абсолютным (полный URL) или относительным (путь относительно текущего документа).


Атрибут href - синтаксис и код

Несколько примеров использования атрибута href:

1. Ссылка на внешний сайт:

<a href="https://www.appnet.club">Посетите Наш сайт</a>

2. Ссылка на внутреннюю страницу:

<a href="/about">О нас</a>

3. Навигация по якорям внутри страницы:

<a href="#section1">Перейти к разделу 1</a>
<h2 id="section1">Раздел 1</h2>

4. Подключение CSS через <link>:

<link href="styles.css" rel="stylesheet">

5. Скачивание файла:

<a href="document.pdf" download>Скачать документ</a>

Синтаксис

<attribute href="URL">

Определение и использование

Для элементов <a> и <area> атрибут href указывает URL-адрес страницы, на которую ведет ссылка.

Для элементов <base> атрибут href указывает базовый URL-адрес для всех относительных URL-адресов на странице.

В элементах <link> href указывает на внешние ресурсы, такие как файлы стилей или иконки (URL-адрес) внешнего ресурса (чаще всего файла таблицы стилей).

Атрибут также поддерживает фрагменты (например, #section1) для навигации по разделам страницы. 

 

Применимо

Атрибут href можно использовать для следующих элементов:

Элемент Атрибут
<a> href
<area> href
<base> href
<link> href

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой