HTML Тег <a>
Определение и использование
Тег <a> определяет гиперссылку, которая используется для перехода с одной страницы на другую.
Самый важный атрибут элемента <a> является атрибут href, который указывает назначение ссылки.
По умолчанию во всех браузерах ссылки будут отображаться следующим образом:
- Незапрашиваемая ссылка подчеркнута и синяя
- Посещенная ссылка подчеркнута и фиолетовая
- Активная ссылка подчеркнута и красная
Советы и примечания
Примечание: Следующие атрибуты: download, hreflang, media, rel, target,
и type не могут быть, если нет атрибута href.
Примечание: Связанная страница обычно отображается в текущем окне браузера, если не указан другой целевой атрибут target.
Примечание: Использовать CSS для ссылок стилей: Учебник CSS Ссылки и Учебник CSS Кнопки
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <a> | Да | Да | Да | Да | Да |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| download | filename | Указывает, что целевой объект будет загружен, когда пользователь нажмет на гиперссылку |
| href | URL | Указывает URL адрес страницы, на которую переходит ссылка |
| hreflang | language_code | Указывает язык связанного документа |
| media | media_query | Указывает, для какого носителя/устройства оптимизирован связанный документ |
| ping | list_of_URLs | Задает разделенный пробелом список URL адресов, на которые при переходе по ссылке пост запросы с телом ping будут отправляться браузером (в фоновом режиме). Обычно используется для отслеживания. |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url |
Указывает, какие ссылки следует отправить |
| rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
Указывает связь между текущим документом и связанным документом |
| target | _blank _parent _self _top |
Указывает, где открыть связанный документ |
| type | media_type | Указывает тип носителя связанного документа |
Глобальные атрибуты
Тег <a> также поддерживает Глобальные атрибуты в HTML.
События атрибутов
Тег <a> также поддерживает События атрибутов в HTML.
Еще примеры
Примеры
Как использовать изображение в качестве ссылки:
<a href="https://www.schoolsw3.com">
<img border="0" alt="Schoolsw3" src="logo_w3s.gif" width="100" height="100">
</a>
Попробуйте сами »
Пример
Как открыть ссылку в новом окне браузера:
<a href="https://www.schoolsw3.com" target="_blank">Посетить Schoolsw3.com!</a>
Попробуйте сами »
Пример
Как перейти по ссылке на адрес электронной почты:
<a href="mailto:someone@example.com">Отправить на почту</a>
Попробуйте сами »
Пример
Как привязать к номеру телефона:
<a href="tel:+4733378901">+47 333 78 901</a>
Попробуйте сами »
Пример
Как перейти по ссылке на другой раздел на той же странице:
<a href="#section2">Перейти к разделу2</a>
Попробуйте сами »
Пример
Как создать ссылку на JavaScript:
<a href="javascript:alert('Привет Мир!');">Выполнить JavaScript</a>
Попробуйте сами »
Связанные страницы
HTML Учебник: HTML Ссылок
HTML DOM справочник: Объект anchor
CSS Учебник: Стили ссылок
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <a> со следующими значениями по умолчанию:
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}