Что такое HREF?

HREF (аббревиатура от Hyper REFerence) - это основной и необходимый атрибут тега A, указывающий браузеру, какое действие надо выполнить при клике на ссылку. Например, такая запись <a href="http://yandex.ru">Яндекс</a> описывает ссылку на известную поисковую систему. В приведенной записи атрибут href находится внутри тега A и содержит URL Яндекса, заключенный в кавычки.

Использование атрибута href

Можно ли указывать значение href без кавычек?

Рекомендуется использовать двойные или одинарные кавычки. ОДнако, допускается задавать значение href без кавычек.

Какие типы значений может содержать href?

Атрибут href может содержать:
  • Абсолютный URL — адрес страницы, документа или скрипта. Это наиболее распространенный вариант.
  • Относительный URL — адрес страницы, документа или скрипта
  • mailto: — e-mail адрес. Для написания письма откроется системный e-mail клиент.
  • javascript: — исполняемый скрипт
  • skype: — вызов абонента skype
  • # — локальная ссылка(якорь)

Использование якоря в href

Если необходимо поставить ссылку на определенное место в html-Документе, то используется локальная ссылка или якорь. Чтобы поставить якорь, пропишите такую конструкцию в нужном месте страницы: <a name=#zakladka></a> Чтобы сослаться на якорь: <a href=#zakladka>перейти к закладке</a>

Что означает href=# ?

Эта конструкция означает ссылку-заглушку, которая никуда не ведет, нулевой якорь. При клике на такую ссылку вы переместитеть на самый верх текущей страницы.

Использование HREF и javascrfipt

О том, почему не следует использвать псевдокласс javascript внутри href читайте подробнее. Отметим лишь, что единственным разумным использованием остается конструкция <a href="javascript:void(0)">ссылка</a>

Использование значения skype в HREF

Href может содержать инструкции для выполнения в программе Skype, например можно "зашить" в ссылку звонок по скайпу с помощью конструкции <a href="skype:[имя пользователя skype]?call">позвонить пользователю</a>
Другие опции:
  • <a href="skype:[номер телефона в международном формате]?call">позвонить на международный номер</a>
  • <a href="skype:[имя пользователя skype 1];[имя пользователя skype 2];[имя пользователя skype N]?call">позвонить нескольким пользователям</a>
  • <a href="skype:[имя пользователя skype]?add">добавиьт в контакты</a>
  • <a href="skype:[номер телефона в международном формате]?add">добавить в контакты международный номер</a>
  • <a href="skype:[имя пользователя skype]?sendfile">отправить файл пользователю</a>
  • <a href="skype:[имя пользователя skype 1];[имя пользователя skype 2];[имя пользователя skype N]?sendfile">отправиьт файл пользователям</a>

Яндекс.Метрика