Тег ссылки в 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-сервер. |
TARGET - по умолчанию, при переходе по гиперссылке документ будет открыт в текущем окне или фрейме. Атрибут TARGET используется для изменения этого условия. В качестве аргумента используется имя окна или фрейма. в качестве зарезервированных имен используют следующие:
_SELF | Загружает страницу в текущее окно браузера. |
---|---|
_BLANK | Загружает страницу в новое окно |
_PARENT | Загружает страницу во фрейм-родитель |
_TOP | Отменяет все фреймы и загружает страницу в полном окне браузера |
Если в атрибуте 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 | Прямоугольная область. |
Этот атрибут поддерживается только следующими браузерами: 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 | указывает, что метка (тег) имеет отношение к текущему документу |
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>
Комментариев нет:
Отправить комментарий