Пример:
Разработка сайтов на друпал <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 | Определяет тип медиа контента куда ведет ссылка |
Глобальные атрибуты:
Глобальные атрибуты
Атрибуты событий:
Атрибуты событий
Добавить комментарий