Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

Элемент a в html 5

Главная » Справочники » Справочник HTML5 » Элемент a в html 5
Элемент a в HTML5 предназначен для создания cсылки или якоря.
<!DOCTYPE>

Поддержка браузерами элемента a в HTML5

Элемент a в браузере Internet Explorer поддерживается
Элемент a в браузере Firefox поддерживается
Элемент a в браузере Chrome поддерживается
Элемент a в браузере Safari поддерживается
Элемент a в браузере Opera поддерживается

Описание элемента a в HTML5

Элемент a используется для создания гиперссылок - элементов при помощи которых пользователь может переходить на другие страницы сайта или другие сайты.

Пример использования элемента a: 

<a href="/" target="_blank">Страница в сметане</a> /
<a href="/docs/" title="Это гиперссылка..." hreflang="ru" rel="">Слетать за моющими лампками</a>

В этом примере создается две гиперссылки: Первая ссылается на главную страницу текущего сайта и страница должна открыться в новом окне. Вторая ссылка должна открыться в этом же окне и ведет на страницу /docs/ текущего сайта.

Вот так будет выглядеть использование элемента a на странице:

Страница в сметане / Слетать за моющими лампками

Обратите внимание, что элемент a - строковый элемент.

Отличие элемента a HTML4.01 от HTML5

  • У элемента a, в HTML5, больше не используются аттрибуты rev, charset, shape, coords.
  • Атрибут href у элемента a, в HTML5, не является обязательным.
  • Атрибут name у элемента a считается устаревшим, но необходимо использовать для совместимости со старыми браузерами.
  • Ранее элемент a давал возможность использовать себя как якорь (указатель на определенную часть страницы). В HTML5 ссылки на якоря работают со всеми элементами у которыхесть атрибут id.
  • В элементе a можно легально вкладывать блочные элементы. 
    <a href="/"><div>Это блок</div></a>

Атрибуты элемента a в HTML5

Для элемента a доступны глобальные атрибуты:
id Уникальный индекс

Позволяет установить уникальное значение элементу. Используется для обеспечения перехода как внутри документа, так и перехода к требуему отрывку другого документа.
Атрибут Описание
href

Атрибут href указывает путь(URL) для перехода к части документа или к другому документу.

Атрибут href не является обязательным в HTML5, в отличие от HTML4.

Путь(URL) может задаваться:

  • Абсолютно.
  • Относительно корня сайта.
  • Относительно документа.

Для задания абсолютного пути указывается адрес сайта и путь к документу: 

<a href="http://ramech.net/">А не пойти ли нам в пирамиду за яблоками?</a>
А не пойти ли нам в пирамиду за яблоками?

Для задания пути относительно корня сайта - в начале указывается наклонная черта "/": 

<a href="/docs">Может на сфинксе покатаемся?</a>
Может на сфинксе покатаемся?

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

<a href="..">На уровень вверх</a>
<a href="zuzu.html">Открыть документ zuzu.html, в этой же директории.</a>
<a href="ramech.net">В этом случае будет попытка открыть документ в этойже директории ramech.net.</a>
<a href="http://ramech.net">А в этом случае будет попытка открыть документ по адресу http://ramech.net.</a>
На уровень вверх
Открыть документ zuzu.html, в этой же директории.
В этом случае будет попытка открыть документ ramech.net.
А в этом случае будет попытка открыть документ по адресу http://ramech.net.
name

При указании атрибута name элемент a становится "якорем". Это даёт возможность ссылаться на конкретную часть документа, а не только на начало:

<a href="">Поехали вверх</a> (перезагрузить страницу) / 
<a href="#aBack" name="aBack">Ал би бэк, бэби. о_О</a> (сместится к текущей ссылке)
Первая ссылка дает команду перезагрузить страницу. Вторая указывает, что нужно сместится к ссылке с name равным aBack. Ниже пример отображения: 
Поехали вверх / Ал би бэк, бэби. о_О
Атрибут name элемента a, в HTML 5, считается устаревшим и используется для сохранения совместимости со старыми браузерами. Вместо атрибута name следует использовать глобальный атрибут id, который теперь позволяет ссылаться на часть документа. 
<a href="#aBack2" id="aBack2">я обещал вернуться.</a>
я обещал вернуться.
rel

Атрибут rel элемента a указывает отношение текущего документа к документу указанному в ссылке.

Атрибут rel не имеет значения по умолчанию.

Атрибут rel может принимать следующие значения:

  • alternate - альтернативный
  • archives - архивный
  • author - автор
  • bookmark - закладка
  • contact - контакт
  • external - внешний
  • feed - подача
  • first - в начало
  • help - помощь
  • icon - иконка
  • index - индекс
  • last - последний
  • license - лицензия
  • next - следующий
  • nofollow - без наследования
  • noreferrer - без ссылки
  • pingback - обратная связь
  • prefetch - предварительный отбор
  • prev - предыдущий
  • search - поиск
  • stylesheet - титульный лист
  • sidebar - контур
  • tag - этикетка
  • up - вверх
target

Атрибут target элемента a указывает браузеру в каком окне или фрейме открыть указанный документ:

  • _blank - открыть документ в новом окне/закладке браузера. 
    <a href="http://ramech.net/" target="_blank">Сим-сим откройся</a>
    Сим-сим откройся
  • _parent - открыть документ в родительском окне. 
    <a href="http://ramech.net/" target="_parent">Сим-сим откройся</a>
    Сим-сим откройся
  • _self - открыть документ в окне, где был открыт текущий документ. Полезно использовать во фреймах, когда необходимо открыть документ в этом же фрейме. 
    <a href="http://ramech.net/" target="_self">Сим-сим откройся</a>
    Сим-сим откройся
  • _top - открыть документ в текущем окне браузера. 
    <a href="http://ramech.net/" target="_top">Сим-сим откройся</a>
    Сим-сим откройся
  • Если указано имя фрейма - открыть документ в указаном фрейме. 
    <a href="/docs/" target="frameName">Открыть у другом месте</a>
<a href="/docs/html5" target="frameName">Открыть там же</a>
    Открыть у другом месте Открыть там же
type

Атрибут type элемента a указывает тип MIME связанного документа. Тип выбирается из списка стандартных типов MIME IANA
ping
По состоянию на 13 января 2011 года атрибут ping элемента a был исключен из html5.

Атрибут ping элемента a указывает адрес, по которому будет сделано обращение при нажатии на ссылку.

В атрибуте ping можно указать несколько адресов через пробел:

<a href="http://ramech.net/" ping="ping1 ping2 ping3">АААА!!! Зацаловали!!!</a>

Атрибут ping можно использовать, например, для упрощения применения счетчиков переходов.
media

Атрибут media элемента a указывает тип устройства для документа указанного в ссылке.

  • аll - для всех устройств (по умолчанию)
  • screen - для экранов компьютеров
  • tty - для носителя с фиксированной сеткой для символов (телетайпы и т. п.)
  • tv - для устройств типа телевизора
  • projection - для проекторов
  • handheld - для карманных устройств
  • print - для страничных документов (предварительный просмотр печати)
  • braille - для тактильных устройств с алфавитом Бройля
  • aural - для синтезаторов речи
hreflang

Атрибут hreflang элемента a позволяет указать язык документа, на который ссылается элемент. тип устройства для документа указанного в ссылке.

Значением атрибут hreflang является код языка.
<!DOCTYPE>