Тег <a> (сокращенно от anchor) предназначен для создания ссылок в html-документах. Тег <a> можно использовать в двух случаях:

  • Затем, чтобы создать ссылку на другую страницу, использовав атрибут href;
  • Затем, чтобы создать на ссылку на элемент страницы, использовав id в качестве якоря.
Тип: Inline
Контент: Inline, text
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: HTML 2, 3.2, 4, 4.01, 5

Рассмотрим пример тега <a>. Здесь href является внешней ссылкой, куда пользователь перейдет кликнув по «W3C Website». В SEO-терминологии этот текст еще называют анкором или анкорным текстом.

<a href="https://validator.w3.org/">Validator W3C Website</a>

Ссылка в приведенном примере ведет на валидатор html-разметки. На этом сайте можно проверить на сколько правильно вы написали html-код. Так же валидатор покажет ошибки в коде, если вы их допустили.

В большинстве браузеров по умолчанию ссылки будут выглядеть следующим образом:

  • Непосещенная ссылка имеет нижнее подчеркивание и синий цвет
  • Посещенная ссылка имеет нижнее подчеркивание и фиолетовый цвет
  • Активная имеет нижнее подчеркивание и красный цвет

Однако вы можете переопределить эти свойства с помощью CSS. Подробнее о стилизации ссылок.

Синтаксис

Базовый синтаксис тега <a> выглядит следующим образом:

HTML / XHTML: <a href="URL">  ... </a>

Атрибут href является обязательным, в нем указывается адрес сайта, куда пользователь перейдет кликнув по ссылке. Если href не указан, Валидатор покажет ошибку в этом месте.

Примеры написания кода тега <a>:

<a href="https://zolin.digital/">Zolin Digital</a>
<a href="kites.jpg"><img src="kites-thumb.jpg" alt="kites"></a>
<a href="https://www.google.com/">Google Search</a>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <a>:

Атрибут Значение Описание
charset charset Определяет кодировку символов связанного ресурса.
coords x,y координаты Определяет положение ссылки на экране.
download filename Указывает, нужно ли загружать связанный ресурс вместо перехода к нему, когда пользователь нажимает на ссылку.
href URL Указывает местоположение целевого документа или веб-ресурса (например, изображения, PDF или другого мультимедийного файла).
hreflang language-code Определяет язык связанного документа. Этот атрибут может быть использован только когда указан href.
media media-query Определяет устройство, для которого предназначен связанный ресурс.
name text Определяет имя якоря. Вместо него лучше использовать глобальный атрибут id.
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
>tag
Описывает связь между документом, содержащим гиперссылку, и связанным ресурсом. Этот атрибут должен использоваться только если href установлен.
rev link-type Описывает связь связанного документа с исходным документом. (противоположность атрибута rel).
shape rect
circle
poly
default
Определяет кликабельную область ссылки.
target _blank
_parent
_self
_top
Определяет цель для открытия связанного ресурса, указанного в атрибуте href.
type content-type Определяет MIME type связанного контент-файла, например, «image/jpeg», «text/html» и т.д.

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

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

Атрибуты для событий

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

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

Тег <a> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.