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

Тег <A>

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

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

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

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

Атрибуты

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

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

Тип тега

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

Модель тега: 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.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа