smsc banner 468x60smsc banner 728x90smsc banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180etxt banner 468x60etxt banner 728x90etxt banner 930x180

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

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

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

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

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

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

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

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

Синтаксис

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

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

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

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

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

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

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

АтрибутЗначениеОписание
charsetcharsetОпределяет кодировку символов связанного ресурса.
coordsx,y координатыОпределяет положение ссылки на экране.
downloadfilenameУказывает, нужно ли загружать связанный ресурс вместо перехода к нему, когда пользователь нажимает на ссылку.
hrefURLУказывает местоположение целевого документа или веб-ресурса (например, изображения, PDF или другого мультимедийного файла).
hreflanglanguage-codeОпределяет язык связанного документа. Этот атрибут может быть использован только когда указан href.
mediamedia-queryОпределяет устройство, для которого предназначен связанный ресурс.
nametextОпределяет имя якоря. Вместо него лучше использовать глобальный атрибут id.
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
>tag
Описывает связь между документом, содержащим гиперссылку, и связанным ресурсом. Этот атрибут должен использоваться только если href установлен.
revlink-typeОписывает связь связанного документа с исходным документом. (противоположность атрибута rel).
shaperect
circle
poly
default
Определяет кликабельную область ссылки.
target_blank
_parent
_self
_top
Определяет цель для открытия связанного ресурса, указанного в атрибуте href.
typecontent-typeОпределяет MIME type связанного контент-файла, например, «image/jpeg», «text/html» и т.д.

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

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

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

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

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

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

kwork banner 480x320kwork banner 728x90kwork banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600etxt banner 480x320etxt banner 728x90etxt banner 120x600

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

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

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

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

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

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>