Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Тег <A>

Тег <A> используется для создания ссылок и якорей («анкоров») в HTML-документе.

Ссылка — предназначена для перехода на другой документ (страница сайта, изображение, аудио-файл и т.д.) или к определенному месту (якорю) в текущем документе или документе открываемом по ссылке. Для установки ссылки используется атрибут href с определенным значением URL — уникальным адресом каждого документа в интернете или якоря на странице.

Якорь («анкор») — предназначен для установки закладки в определенном месте веб-страницы, для последующего перехода к ней по ссылке. Причем, якорь может быть как внутри текущей, так и внутри другой, открываемой по ссылке на якорь, страницы. Для установки якоря используется атрибут name с именем якоря. Также, в качестве якоря можно использовать любой тег имеющий атрибут id, в том числе и тег <A>.

Ссылки могут быть относительными и абсолютными. Относительные ссылки — ссылки относительно текущей страницы или корня сайта (используют относительные URL). Работают только в пределах текущего сайта. Абсолютные ссылки — включают URL с полным адресом документа и действуют везде, где указана ссылка: на любом сайте, на локальном компьютере.

Атрибуты

Личные атрибуты:

href — Обязателен для ссылок. Указывает адрес документа или якоря на который будет переход по ссылке.
name — Обязателен для якорей. Задает имя якоря.
rel — Описывает прямую связь между текущим документом и документом открываемым по ссылке.
rev — Описывает обратную связь между текущим документом и документом открываемым по ссылке.
target — Задает имя окна или фрейма, в котором будет открыт документ.

Общие атрибуты:

accesskey — устанавливает клавишу быстрого доступа для фокусировки на элементе.
class — задает имя класса или классов HTML-тега, используемых в CSS (Каскадные таблицы стилей).
dir — указывает направление текста внутри элемента.
id — задает имя идентификатора тега, который может использоваться в качестве «якоря» или в таблицах стилей.
lang — указывает язык, на котором написан текст внутри HTML-элемента.
style — необходим для применения встроенных стилей CSS к элементу.
tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
title — выводит всплывающую подсказку при наведении курсора мыши на элемент.

Тип тега

Назначение: ссылки.

Модель тега: inline (встроенный, уровня строки).

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Не может содержать: другие теги <A> на любом уровне вложенности.

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<a href="URL">...текст или ссылка на изображение...</a> <!-- Ссылка -->
<a name="имя якоря">...необязательный текст...</a> <!-- Якорь -->

Пример HTML: применение тега A

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега A</title>
 </head>
 <body>  
  <p><a name="top"></a></p><!--Якорь-->
  <p><a href="https://seodon.ru">Абсолютная ссылка</a></p>
  <p><a href="files/hello.html"><img src="images/hello.png" alt="Ссылка относительно текущей страницы"></a></p>
  <p><a href="/html/primer/files/hello.html">Ссылка относительно корня сайта</a></p>
  <p><a href="#top">Ссылка на якорь</a></p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

Поддержка браузерами

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да