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

HTML Тег <a> гиперссылка



Ссылка на Schoolsw3.com:

Пример

<a href="https://www.schoolsw3.com">Ссылка Schoolsw3.com!</a>
Попробуйте сами »

Больше "Попробуйте сами" примеры выше.


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

Тег <a> определяет гиперссылку, которая используется для перехода с одной страницы на другую.

Самый важный атрибут элемента <a> является атрибут href, который указывает назначение ссылки.

По умолчанию во всех браузерах ссылки будут отображаться следующим образом:

  • Незапрашиваемая ссылка подчеркнута и синяя
  • Посещенная ссылка подчеркнута и фиолетовая
  • Активная ссылка подчеркнута и красная

Поддержка браузеров

Элемент
<a> Да Да Да Да Да

Советы и примечания

Примечание: Следующие атрибуты: download, hreflang, media, rel, target, и type не могут быть, если нет атрибута href.

Примечание: Связанная страница обычно отображается в текущем окне браузера, если не указан другой целевой атрибут target.

Примечание: Использовать CSS для ссылок стилей: Учебник CSS Ссылки и Учебник CSS Кнопки


Различий между HTML 4.01 и HTML5

В HTML 4.01, тег <a> может быть гиперссылкой или привязкой. В HTML5, тег <a> всегда является гиперссылкой, но если он не имеет атрибута href, это только заполнитель для гиперссылки.

HTML5 имеет некоторые новые атрибуты и некоторые атрибуты HTML 4.01 больше не поддерживаются.


Атрибуты

= Новое в HTML5.

Атрибут Значение Описание
charset char_encoding Не поддерживается в HTML5.
Задает набор символов связанного документа
coords coordinates Не поддерживается в HTML5.
Задает координаты ссылки
download filename Указывает, что целевой объект будет загружен, когда пользователь нажимает на гиперссылку
href URL Указывает URL-Адрес страницы, на которую идет ссылка
hreflang language_code Задает язык связанного документа
media media_query Указывает, для какого носителя/устройства оптимизирован связанный документ
name section_name Не поддерживается в HTML5. Использовать вместо, глобальный атрибут id.
Задает имя якоря
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Задает связь между текущим документом и связанным документом
rev text Не поддерживается в HTML5.
Задает связь между документом и текущим документом
shape default
rect
circle
poly
Не поддерживается в HTML5.
Задает форму ссылки
target _blank
_parent
_self
_top
framename
Указывает, где открывать связанный документ
type media_type Указывает тип носителя связанного документа

Глобальный атрибуты

Тег <a>, также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <a>, также поддерживает Атрибуты событий в HTML.


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

Создание гиперссылок
Как создать гиперссылки.

Изображение как ссылка
Как использовать изображение в качестве ссылки.

Открыть ссылку в новом окне браузера
Как открыть ссылку в новом окне браузера, чтобы посетителю не пришлось покидать свой сайт.

Создание соответствующей ссылке
Как связать с почтовым сообщением (будет работать только если у вас установлена почта).

Создание ссылки mailto 2
Новая mailto ссылка.

Ссылка на элемент с указанным идентификатором
Ссылка на элемент с указанным идентификатором внутри страницы (атрибут name не поддерживается в HTML5).

Ссылка на JavaScript
Как добавить JavaScript внутри атрибута href.


Связанные страницы

Учебник HTML: HTML Ссылки

Справочник DOM HTML: Объект привязки

Учебник CSS: Стиль ссылки


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <a> со следующими значениями по умолчанию

a:link, a:visited {
    color: (внутреннее значение);
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active {
    color: (внутреннее значение);
}