Тег <a>
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
1.0+ | 1.0+ | 2.1+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
<a href="URL">...</a>
<a name="идентификатор">...</a>
coords - Атрибут coords применяется к ссылкам, которые располагаются внутри контейнера <object>.
download - При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.
href - Задает адрес документа, на который следует перейти.
hreflang - Указывает язык документа, на который ведет ссылка.
name - Атрибут name используется для определения якоря внутри страницы.
rel - Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href.
rev - Атрибут rev является обратным к rel и описывает, чем является текущий документ по отношению к странице, на которую ведет ссылка.
shape - Определяет на изображении тип активной области, которая служит ссылкой.
tabindex - Атрибут tabindex определяет последовательность перехода между ссылками при нажатии на кнопку Tab.
target - По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме.
title - Добавляет поясняющий текст к ссылке в виде всплывающей подсказки.
type - Устанавливает MIME-тип документа, на который указывает ссылка.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег А</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>