24 ноября 2015 г.

Тег ссылки в HTML - тег A используется с HREF параметром ( <A HREF="link" /> )

Тег A служит для создания ссылки или якоря.

Описание тега

Тег A (Anchor - якорь) является одним из самых необходимых элементов HTML. По своей структуре тег А является тегом - контейнером. Внутри этого тега может содержатся текст, а также следующие строчные элементы, как ABBR, ACRONYM, B, BDO, BIG, BR, BUTTON, CITE,CODE, DFN, EM, I, IMG, INPUT, KBD, LABEL, MAP, OBJECT, Q, SAMP, SELECT, SCRIPT, SMALL, SPAN, STRONG, SUB, SUP, TEXTAREA, TT, VAR, а также DEL и INS(в зависимости от контента). Тег А не может быть вложеным, т.е. находится внутри тега А. Ни один из атрибутов тега А не является обязательным. Ссылка может указывать на любой документ находящийся в Интернете(html, avi, jepg, doc, avi и т.д.)
Тег А необходимо использовать только для создания ссылки или якоря. Для задания элементу нужного указателя при наведении мыши - используйте тег SPAN совместно с таблицами стилей (свойство cursor).
Если в ссылочном теге A используется атрибут HREF, то тег устанавливает ссылку, т.е. адрес(URL-Universal Resource Location, Универсальный указатель рессурсов), на документ, к которому мы можем перейти. Переход может осуществляться на другой сайт, на закладку, как установленную внутри текущего сайта, так и в другом сайте. Адерес гиперссылки может быть абсолютным или относительным. Абсолютный адрес не зависит от имени сайта или страницы, где прописана гиперссылка, а значит он может работать всюду. Относительные адреса ссылок строятся относительно текущего документа или корня сайта.
Если в теге А применяется атрибут NAME, то этот тег служит для задания имени закладки, установленной внутри веб-страницы. Вместо атрибута NAME может использоваться атрибут ID. Если вы хотите использовать оба эти атрибуты, то значение их должно быть идентичным. При использовании этого атрибута стоит помнить, что тег А с таким атрибутом может не пройти валидацию по стандарту XHTML 1.1.
В спецификации HTML 5 атрибут NAME отсутствует, а поэтому тег А всегда ссылка. Если атрибут HREF отстствует то тег А всего лишь заполнитель ссылки. В этой спецификации появляются новые атрибуты, а некоторые раннее использованые атрибуты являются не допустимыми.
В различных браузерах ссылки отображаются следующим образом:
  • Непосещенные ссылки подчеркнуты и окрашены синим цветом.
  • Посещенные ссылки подчеркнуты и окрашены пурпурным цветом.
  • Активные ссылки подчеркнуты и окрашены красным цветом.

Браузеры:

Тег поддерживается следующими браузерами и их версиями:

Firefox Internet Explorer Opera Chrome Safari Android Ios
1.0+ 1.0+ 2/1+ 1.0+ 1.0+ 1.0+ 1.0+

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

Этот тег входит в следующие спецификации:
HTML HTML HTML XHTML XHTML
3.2 4.01 5.0 1.0 1.1.

Синтаксис тега:

<A HREF=" url"> ... </A>
<A NAME="идентификатор"> ... </A>

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

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

Возможные значения:

file:// Доступ к файлу на локальном диске;
http:// Создает ссылку на веб-документ(по умолчанию);
ftp:// Создает ссылку на ftp-сайт (FTP- file transfer protocol) или документ который на нем расположен;
mailto: Запускает почтовую программу-клиент с заполненным именем получателя. Если после адреса указать знак вопроса, то можно использовать дополнительные атрибуты, разделенные знаком "&"; Пример: <A href="mailto:simona@inbox.ru"> Письмо для Симоны </A>
news: Создает ссылку на конференцию новостей Usenet;
telnet:// Создает ссылку telnet-сессию с удаленной машины;
wais:// Создает ссылку на wais-сервер;
gopher:// Создает ссылку на gopher-сервер.
NAME - устанавливает имя якоря. Якорем называется закладка внутри страницы, которую можно использовать в качестве цели ссылки. В этом случае происходит переход на закладку внутри страницы текущего веб-сайта. Ссылка на закладку начинается символом #, за которым следует имя закладки. Если нам необходимо перейти на закладку, размещенную на другой веб-странице или другом сайте. Для этого в адресе ссылки указываем адрес веб-страницы или сайта, затем после символа # размещаем имя закладки. Атрибут не поддерживается спецификацией HTML 5.
TARGET - по умолчанию, при переходе по гиперссылке документ будет открыт в текущем окне или фрейме. Атрибут TARGET используется для изменения этого условия. В качестве аргумента используется имя окна или фрейма. в качестве зарезервированных имен используют следующие:
_SELF Загружает страницу в текущее окно браузера.
_BLANK Загружает страницу в новое окно
_PARENT Загружает страницу во фрейм-родитель
_TOP Отменяет все фреймы и загружает страницу в полном окне браузера
Атрибут является необязательным. По умолчанию _SELF.
Если в атрибуте TARGET указано имя несуществующего окна или фрейма, то создается новое окно с указанным именем.
С помощью элемента BASE можно указать значение TARGET для всех гиперссылок в текущем документе.
Использование этого параметра осуждается спецификацией HTML 4.01, валидный код получается только при использовании переходного <!DOCTYPE>. В спецификации ХHTML использование этого атрибута запрещено.

SHAPE - определяет форму "горячей области", которая служит ссылкой, и применяется к ссылкам, которые находятся в контейнере <OBJECT>.
n

HTML:

<OBJECT USEMAP="#идентификатор"> <MAP NAME="идентификатор"> <A HREF="URL"SHAPE="circle | default | poly | rect">...</A> </MAP> </OBJECT>

XHTML:

<OBJECT USEMAP="#идентификатор"> <MAP ID="идентификатор" NAME="идентификатор"> <P> <A HREF="URL"shape="circle | default | poly | rect">...</A> </P> </MAP> </OBJECT>

Значения, которые принимает атрибут:

circle Область в виде круга.
default Область по умолчанию (прямоугольная).
poly Полигональная область произвольной формы.
rect Прямоугольная область.
По умолчанию принимает значение default.
Этот атрибут поддерживается только следующими браузерами: Opera и Firefox.
Атрибут является необязательным. Атрибут не поддерживается спецификацией HTML 5.
COORDS - применим к ссылкам, которые находятся внутри контейнера <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.
Если SHAPE="circle"(окружность), то определяется три координаты - две координаты центра окружности (Х,У) и ее радиус(R).
Если SHAPE="poly"(многоугльник или полигон)), то последовательно указываются координаты каждой вершины.
Этот атрибут поддерживается только следующими браузерами: Opera и Firefox.
Атрибут является необязательным. Атрибут не поддерживается спецификацией HTML 5.

HREFLANG - Определяет язык документа, на который ведет ссылка. Используется, если в документе есть вставки на других языках.
<A HREFLANG="код языка">...</A>
TYPE - Определяет Mime-тип документа, на который указывает ссылка. Этот атрибут используется только при наличии атрибута HREF и может применятся для стилизации ссылок с заданным типом документа. Этот атрибут добавлен в спецификации HTML 5.
Пример: <a href="audio\E-Type_-_Set_The_World_On_Fire.mp3" type="audio/mpeg3">Ссылка на аудиофайлы </a>
Хотя атрибут и специфицирован, но не поддерживается никаким браузером.
CHARSET - определяет кодировку текста веб-страницы или сайта, на который мы переходим по заданной ссылке. В качестве значения используется наименование кодировки (windows-1251, utf8 и т.д.). Атрибут не поддерживается спецификацией HTML 5.
REL - определяет отношение между нашей страницей и страницей на которую мы переходим по ссылке заданной атрибутом HREF. Этот атрибут большинство браузеров не поддерживает. Но часто используется код rel="nofllow". Этот код важен для поисковых систем и он сообщает, что рейтинг со страницы на которой расположена ссылка не передается странице га которую ведет ссылка. Этот атрибут используется только в случае перехода на другие сайты. Рекомендован для Google.

Возможные значения

answer ответ на вопрос
chapter раздел или глава текущего документа
co-worker страница сотрудника по работе
collegue страница коллеги(не по работе)
contact ссылка на страницу с контактной информацией
details ссылка на страницу с подробностями
edit редактируемая страница
friend страница друга
question вопрос
archives ссылка на архив сайта. Это и последующие значения тега поддерживаются спецификацией HTML 5
author ссылка на страницу, содержащую информацию об авторе.
bookmark постоянная ссылка на запись или раздел
first ссылка на первую страницу
help ссылка на справку
index ссылка на содержание
last ссылка на последнюю страницу
license странца с лицензионным соглашением
me страница автора на другом домене
next ссылка на следующую страницу
nofollow не передавать по ссылке ТИЦ и PR.
noreferrer не передавать по ссылке HTTP-заголовки
prefetch указывает, что надо заранее кэшировать указанный ресурс. Это значение поддерживает Firefox
prev ссылка на предыдущую страницу
search ссылка на поиск
sidebar Добавить ссылку в избранное. Это значение поддерживается браузерами Firefox и Opera.
up ссылка на родительскую страницу
tag указывает, что метка (тег) имеет отношение к текущему документу
REV - определяет обратную связь целевого документа к текущему.В качестве значения может быть любая текстовая строка.Атрибут не поддерживается спецификацией HTML 5.
MEDIA - тип носителя документа, на который ведет ссылка,например, принтер, смартфон, экран монитора и т.д. Значением этого атрибута может быть медиа-запрос, расширяющий тип документа и уточняющий прараметры устройства. Медиа запрос представляет правило media, за которым следует условие , в котором используются типы носителей логические операторы и медиа-функции. Этот атрибут добавлен в спецификации HTML 5.
ACCESKEY - служит для активации ссылки с помощью некоей комбинации клавиш с заданной в коде буквой или цифрой. При этом у каждого браузера своя комбинация клавиш. Этот атрибут не применим в браузерах Android и iOS.
TABINDEX - задает последовательность перехода между ссылками при нажатии кнопки TAB. Этот атрибут не применим в браузерах Android и iOS.
TITLE - задает поясняющий текст к ссылке в виде всплывающей подсказке, если курсор мышки задерживается на ссылке. Этот атрибут не применим в браузерах Android и iOS.
Тег А поддерживает также глобальные атрибуты и события.

Примеры тега A::

Пример ссылки:
<a href="http://w3site.org"> Информационный рессурс </a>

Пример создания и использования якоря:
<a name="abzac1"></a>
...
<a href="#abzac1"> Переход к первому абзацу </a>
Пример использования в качестве якоря id тега:
<p id="abzac1">
Состоялось открытие реконструированного сквера возле Бабушкинского райсовета в Днепропетровске, которое уже переносилось дважды. Об этом «Днепропетровск. Комментарии» стало известно с места проведения мероприятия. Почти 8 тыс. кв. метров территории благоустроено, высажено около 1,5 тыс. зеленых насаждений, обустроена детская площадка, установлены урны и скамейки.
</p>
...
<a href="#abzac1"> Переход к первому абзацу </a>
Пример перехода на якорь, который находится на другом сайте:
<a href="http://news_time.com#zaklada1">Переход к закладке на другом сайте</a>
Пример использования атрибутов title(подсказка) и target(определяет имя окна в которм будет открыта страница)
<a href="http://korrespondent.net" target="_blank" title="Сайт откроется в новом окне" > Информационный рессурс </a>

Комментариев нет:

Отправить комментарий