САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <a>



Пример

<a href="https://www.schoolsw3.com">Ссылка Schoolsw3.com!</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);
}