<a>

Описание

Данный тег <a> предназначен для создания ссылок или якоря внутри страницы. В зависимости от атрибута name или href тега <a>, создается ссылка для перехода или якорь.

В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки бывает абсолютный и относительный. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки построены относительно текущего документа или корня сайта. В качестве ссылки может выступать не только текст, но и любой другой HTML-элемент, который может быть расположен в теле документа, если его разместить внутри элемента <a>. Однако вкладывать тег <a> внутри тега <a> недопустимо. Сама ссылка может указывать не только на веб-страницу, но и на любой другой документ или файл.

Якорем называется ссылка для перехода внутри страницы, при нажатии на который происходит переход внутри веб-страницы. Якорь может указывать как на ссылку на текущей странице, так и на другую страницу сайта.

Чтобы сделать ссылку на электронную почту, нужно в значении атрибута href ввести ключевое слово mailto, поставить после него двоеточие и написать адрес электронной почты.

<p>Это ссылка на почту: <a href="mailto:admin@develweb.ru">моя почта</a></p>

Синтаксис

<a href="URL">текст ссылки</a>
<a name="идентификатор">текст ссылки</a>

Атрибуты

  • download  предлагает загрузить указанный файл.
  • href           устанавливает адрес для перехода.
  • hreflang    определяет базовый язык документа, указанной в href.  
  • name        устанавливает имя якоря в веб-странице.
  • rel             указывает отношение между текущим документом и документом, на который ведет ссылка.
  • rev            указывает отношение между документом на который ведет ссылка и  и текущим документом.
  • target        задает имя окна или фрейма, в котором браузер откроет документ.
  • type          задает mime-тип документа по ссылке. 

Для этого тега доступны глобальные атрибуты и события.

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка да да да да да

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

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 2.1+ 2.0+ 3.0+
поддержка да да да да да

Пример

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