Описание
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или hrefтег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис
<a href="URL">...</a>
<a name="идентификатор">...</a>
Атрибуты
- accesskey — Активация ссылки с помощью комбинации клавиш.
- coords — Устанавливает координаты активной области.
- download — Предлагает скачать указанный по ссылке файл.
- href — Задает адрес документа, на который следует перейти.
- hreflang — Идентифицирует язык текста по ссылке.
- name — Устанавливает имя якоря внутри документа.
- rel — Отношения между ссылаемым и текущим документами.
- rev — Отношения между текущим и ссылаемым документами.
- shape — Задает форму активной области ссылки для изображений.
- tabindex — Определяет последовательность перехода между ссылками при нажатии на кнопку
- 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>