Главные новости

Тег <a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов nam<a href="URL">...</a> <a name="идентификатор">...</a>e или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

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

<a href="URL">...</a>

<a name="идентификатор">...</a>

Атрибуты

accesskey - Активация ссылки с помощью комбинации клавиш.
coords - Устанавливает координаты активной области.
download - Предлагает скачать указанный по ссылке файл.
href - Задает адрес документа, на который следует перейти.
hreflang - Идентифицирует язык текста по ссылке.
name - Устанавливает имя якоря внутри документа.
rel - Отношения между ссылаемым и текущим документами.
rev - Отношения между текущим и ссылаемым документами.
shape - Задает форму активной области ссылки для изображений. tabindex - Определяет последовательность перехода между ссылками при нажатии на кнопку Tab.
target - Имя окна или фрейма, куда браузер будет загружать документ.
title - Добавляет всплывающую подсказку к тексту ссылки.
type - Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Атрибут accesskey 

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+    

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

позволяет активировать ссылку с помощью некоторого сочетания клавиш с заданной в коде ссылки буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="b" работают следующие сочетания.

  • Internet Explorer: Alt + B
  • Chrome: Alt + B
  • Opera: Shift + Esc, B
  • Safari: Alt + B
  • Firefox: Shift + Alt + B

Синтаксис

<a accesskey="b">...</a>

Обязательный атрибут

Нет.

Значения

Цифра (0-9) или латинская буква (a-z).

Значение по умолчанию

Нет.

Пример

<a href="images/xxx.jpg" accesskey="x"> Посмотрите на мою фотографию! </a>

Атрибут coords

Internet Explorer Chrome Opera Safari Firefox Android iOS
    4.0+   1.0+    

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

 применяется к ссылкам, которые располагаются внутри контейнера <object>. Совместно с атрибутом shape создает «горячую область», которая служит ссылкой. По своему действию похож на тег <area>.

Синтаксис

HTML <object usemap="#идентификатор"> <map name="идентификатор"> <a href="URL" coords="координаты">...</a> </map> </object>
XHTML <object usemap="#идентификатор"> <map id="идентификатор" name="идентификатор"> <p><a href="URL" coords="координаты">...</a></p> </map> </object>

Обязательный атрибут

Нет.

Значения

Набор координат определяется формой «горячей области», которая задается атрибутом shape. Отсчет координат обычно ведется от левого верхнего угла объекта или изображения и указывается в пикселах.

Для прямоугольника (shape="rect") определяется четыре координаты — X1, Y1, X2, Y2, как показано на рис. 1.

Координаты для прямоугольника

Рис. 1. Координаты для прямоугольника

Для окружности (shape="circle") определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R), как показано на рис. 2.

Координаты для окружности

Рис. 2. Координаты для окружности

Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины (X1, Y1, X2, Y2, :), как показано на рис. 3.

Координаты для полигона

Рис. 3. Координаты для полигона

Значение по умолчанию

Нет.

 

Атрибут download

Internet Explorer Chrome Opera Safari Firefox Android iOS
  14.0+ 16.0+   20.0+    

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.

Синтаксис

<a download>Ссылка</a>

Обязательный атрибут

Нет.

Значения

Нет.

Значение по умолчанию

По умолчанию этот атрибут выключен.

Пример

<p><a href="images/xxx.jpg">Открыть файл в браузере</a>

<p><a href="images/xxx.jpg" download>Скачать файл</a>

 

Атрибут href

Internet Explorer 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

Описание

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target.

Синтаксис

<a href="URL">...</a>

Обязательный атрибут

Обязателен для ссылок.

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример

<p><a href="../../example/knob.html">Относительная ссылка</a></p>

<p><a href="http://htmlbook.ru/example/knob.html">Абсолютная ссылка</a></p>

Атрибут hreflang

Internet Explorer Chrome Opera Safari Firefox Android iOS
- - - - - - -

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Указывает язык документа, на который ведет ссылка.

Синтаксис

<a hreflang="язык">...</a>

Обязательный атрибут

Нет.

Значения

Код языка применяется для атрибутов, задающих язык, на котором написан весь документ или отдельные его блоки. В HTML язык обычно задается через атрибут lang.

В табл. 1 приведены некоторые распространенные языки и их коды, которые используются в качестве значений.

Табл. 1. Коды языков
Язык Код
Абхазский ab
Азербайджанский az
Аймарский ay
Албанский sq
Английский en
Американский английский en-us
Арабский ar
Армянский hy
Ассамский as
Африкаанс af
Башкирский ba
Белорусский be
Бенгальский bn
Болгарский bg
Бретонский br
Валлийский cy
Венгерский hu
Вьетнамский vi
Галисийский gl
Голландский nl
Греческий el
Грузинский ka
Гуарани gn
Датский da
Зулу zu
Иврит iw
Идиш ji
Индонезийский in
Интерлингва (искусственный язык) ia
Ирландский ga
Исландский is
Испанский es
Итальянский it
Казахский kk
Камбоджийский km
Каталанский ca
Кашмирский ks
Кечуа qu
Киргизский ky
Китайский zh
Корейский ko
Корсиканский co
Курдский ku
Лаосский lo
Латвийский, латышский lv
Латынь la
Литовский lt
Малагасийский mg
Малайский ms
Мальтийский mt
Маори mi
Македонский mk
Молдавский mo
Монгольский mn
Науру na
Немецкий de
Непальский ne
Норвежский no
Пенджаби pa
Персидский fa
Польский pl
Португальский pt
Пуштунский ps
Ретороманский rm
Румынский ro
Русский ru
Самоанский sm
Санскрит sa
Сербский sr
Словацкий sk
Словенский sl
Сомали so
Суахили sw
Суданский su
Тагальский tl
Таджикский tg
Тайский th
Тамильский ta
Татарский tt
Тибетский bo
Тонга to
Турецкий tr
Туркменский tk
Узбекский uz
Украинский uk
Урду ur
Фиджи fj
Финский fi
Французский fr
Фризский fy
Хауса ha
Хинди hi
Хорватский hr
Чешский cs
Шведский sv
Эсперанто (искусственный язык) eo
Эстонский et
Яванский jw
Японский ja

Значение по умолчанию

Нет.

Пример

<p><a href="http://baidu.cn" hreflang="zh">Китайский поисковик Байду</a></p>

 

Атрибут name

Internet Explorer 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

Описание

Атрибут name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи атрибута name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.

Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.

Синтаксис

<a name="закладка">...</a>

Обязательный атрибут

Обязателен для якорей.

Значения

Любой текст с учетом регистра.

Значение по умолчанию

Нет.

Пример

<p><a name="top"></a></p>

<p style="height:3000px;">Здесь много-много текста. Прокручивай его вниз. </p>

<p><a href="#top">Наверх</a></p>

 

Атрибут rel

Internet Explorer Chrome Opera Safari Firefox Android iOS
- - 10.50+   4.0+ - -

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href. Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel, на сайтах часто можно встретить код rel="nofollow", предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ.

Синтаксис

<a rel="строка">...</a>

Обязательный атрибут

Нет.

Значения

Некоторые возможные значения перечислены ниже.

answer - Ответ на вопрос.
chapter - Раздел или глава текущего документа.
co-worker - Ссылка на страницу коллеги по работе.
colleague - Ссылка на страницу коллеги (не по работе).
contact - Ссылка на страницу с контактной информацией.
details - Ссылка на страницу с подробностями.
edit - Редактируемая версия текущего документа.
friend - Ссылка на страницу друга.
question - Вопрос.

Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions

В HTML5 поддерживается следующие значения.

archives - Ссылка на архив сайта.
author - Ссылка на страницу об авторе на том же домене.
bookmark - Постоянная ссылка на раздел или запись.
first - Ссылка на первую страницу.
help - Ссылка на документ со справкой.
index - Ссылка на содержание.
last - Ссылка на последнюю страницу.
license - Ссылка на страницу с лицензионным соглашением или авторскими правами.
me - Ссылка на страницу автора на другом домене.
next - Ссылка на следующую страницу или раздел.
nofollow - Не передавать по ссылке ТИЦ и PR.
noreferrer - Не передавать по ссылке HTTP-заголовки.
prefetch - Указывает, что надо заранее кэшировать указанный ресурс.
prev - Ссылка на предыдущую страницу или раздел.
search - Ссылка на поиск.
sidebar - Добавить ссылку в избранное браузера.
tag - Указывает, что метка (тег) имеет отношение к текущему документу.
up - Ссылка на родительскую страницу.

Значение по умолчанию

Нет.

Пример 1

<p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>

<p><a href="http://htmlbook.ru" rel="sidebar">Добавить в избранное</a></p>