Тег <a>

Пример:

Разработка сайтов на друпал 
<a href="http://drupalbook.ru" target="_blank">drupalbook.ru</a>

Онлайн демо

Определение и использование

Тег <a> определяет ссылки, которые позволют переходит с одной страницы HTML на другую.

Наиболее важным аттрибутом тега <a> является href="", в нем указывается адрес страницы на которую ведет ссылка.

По умолчанию к ссылкам применяется следующее оформление:

  • Непосещенные ссылки подчеркнуты и выделены синим
  • Посещенные ссылки подчеркнуты и выделены сиреневым (лиловым)
  • Активные ссылки подчеркнуты и выделены красным

 Совместимость с браузерами

Элемент          
<a> Да Да Да Да Да

Советы и заметки

  • Следующие аттрибуты являются необязательными: download, hreflang, media, rel, target, type 
  • Ссылка открывается в текущем окне, если не задан параметр target=""
  • Используйте CSS для оформления ссылки

Различие между HTML 4.01 и HTML 5

В HTML 4 тег <a> может быть как ссылкой, так и якорем (анкором, anchor). В HTML 5 только ссылкой, если аттрибут href будет пустым, то ссылка будет только в виде заполнителя.

Также некоторые аттрибуты добавлены в HTML 5 и некоторые больше в нем не поддерживаются.

Атрибуты

= Появился в HTML5.

Атрибут Значения Описание
charset char_encoding Не поддерживается в HTML5.
Определяет кодировку HTML документа
coords coordinates Не поддерживается в HTML5.
Определяет координаты в HTML документе
download filename Определяет какой файл должен быть загружен после клика по ссылке
href URL Определяет URL на который перейдет пользователь при клике по ссылке
hreflang language_code Определяет язык документа куда ведет ссылка
media media_query Показывает для какого устройства оптимизирована страница
name section_name Не поддерживается в HTML5. Используйте глобальный аттрибут id.
Определяет имя анкора
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Определяет связи между текущой открытой страницей и с той куда ведет ссылка
rev text Не поддерживается в HTML5.
Определяет обратную связь: от страницы куда ведет ссылка к текущей странице
shape default
rect
circle
poly
Не поддерживается в HTML5.
Определяет очертание ссылки
target _blank
_parent
_self
_top
framename
Определяет в каком окне будет открываться новая страница (_blank - открывает в новой вкладке)
type media_type Определяет тип медиа контента куда ведет ссылка

Глобальные атрибуты: 

Глобальные атрибуты

Атрибуты событий: 

Атрибуты событий

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.