HTML-тег <a>

Тег <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://artzolin.ru/">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» и т.д.