Тег <a> HTML

  • Предыдущая страница <!DOCTYPE>
  • Следующая страница <abbr>

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

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

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

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

  • Ссылки, которые вы еще не посещали, имеют подчеркивание и синий цвет
  • Ссылки, которые вы уже посещали, имеют подчеркивание и фиолетовый цвет
  • Ссылки, которые вы посещаете, имеют подчеркивание и красный цвет

Вы, возможно, уже заметили, что ссылки на сайте CodeW3C.com выглядят очень differently, чем стандартные ссылки. Вы можете использовать CSS псевдоклассы Добавление сложных и разнообразных стилей к текстовым гиперссылкам.

См. также:

HTML учебник:HTML ссылки

HTML DOM справочник:Объект Anchor

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

Термины и определения

Что такое гипертекст?

Пример

Пример 1

Создать ссылку на codew3c.com:

<a href="https://www.codew3c.com">посетить codew3c.com!</a>

Пример 2

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

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Пример 3

Как открыть ссылку в новом окне браузера:

<a href="https://www.codew3c.com" target="_blank">посетить codew3c.com!</a>

Пример 4

Как перейти по электронной почте:

<a href="mailto:someone@example.com">отправить письмо</a>

Пример 5

Как перейти по номеру телефона:

<a href="tel:+8613888888888">+86 138 8888 8888</a>


<a href="#section2">Перейти во вторую главу</a>


<a href="javascript:alert('Hello World!');">Выполнить JavaScript</a>

Если у тега <a> нет атрибута href, он является просто占ачем гиперссылки.

Страница, на которую указывает ссылка, обычно отображается в текущем окне браузера, если вы не установили другое целевое значение (с помощью атрибута target).

Используйте CSS для настройки стиля ссылки:CSS ссылки CSS кнопки.

определяет, что будет загружено при нажатии на гиперссылку.
определяет URL страницы, на которую указывает ссылка.
определяет язык, на котором написан связанный документ.
определяет, для何种 медиа/устройства оптимизирован связанный документ.
определяет список URL, который будет отправлен браузером при посещении ссылки, вместе с POST-запросом с содержимым ping (в фоновом режиме). Обычно используется для отслеживания.
определяет информацию, которую следует отправлять вместе с ссылкой.
определяет关系 между текущим документом и связанным документом.
определяет, где открывается связанный документ.
type Тип媒体 определяет тип媒体, для которого предназначен связанный документ.

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

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

событийные атрибуты

<a> Теги также поддерживают Событийные атрибуты HTML.

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

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

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <!DOCTYPE>
  • Следующая страница <abbr>