Skip to content
ivanleontev edited this page Apr 12, 2017 · 17 revisions

Разработчики:

  • Леонтьев Иван (группа ИДБ-13-13) - основное наполнение
  • Байкова Екатерина (группа ИДБ-13-12) - возможные значения атрибутов тэга, дополнительные примеры

Описание

Тег является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

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

Атрибуты тега:

accesskey

Активация ссылки с помощью комбинации клавиш.

coords

Устанавливает координаты активной области.

download

Предлагает скачать указанный по ссылке файл.

href

Задает адрес документа, на который следует перейти.

hreflang

Идентифицирует язык текста по ссылке.

name

Устанавливает имя якоря внутри документа.

rel

Отношения между ссылаемым и текущим документами, носит важное значение для поисковых машин.

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

rev

Отношения между текущим и ссылаемым документами.

shape

Задает форму активной области ссылки для изображений.

  • circle - область в виде круга;
  • default - область по умолчанию (прямоугольная);
  • poly - полигональная область произвольной формы;
  • rect - прямоугольная область.

tabindex

Определяет последовательность перехода между ссылками при нажатии на кнопку Tab.

target

Имя окна или фрейма, куда браузер будет загружать документ.

  • _blank - открывает страницу в новом окне;
  • _self - загружает страницу в текущее окно;
  • _parent - загружает страницу во фрейм-родитель;
  • _top - отменяет все фреймы и загружает страницу в полном окне браузера.

title

Добавляет всплывающую подсказку к тексту ссылки.

type

Указывает MIME-тип документа, на который ведёт ссылка.

Диаграмма классов

Диаграмма классов

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег <a></title>
 </head>
 <body>
<ul class="nav">
	<li><a href="index.html">Home</a></li>
	<li><a href="spa.html">SPA</a></li>
	<li><a href="uml.html">UML</a></li>
	<li><a href="https://github.com/stankin/oop/wiki/%D0%A2%D1%8D%D0%B3%D0%B8-HTML.--a-">wiki</a></li>
	<li><a href="https://github.com/stankin/oop/tree/master/sandbox/idb-13-13/leontev">Source</a></li>
</ul>
 </body>
</html>