<a href="http://www.wm-school.ru">Посетите wm-school.ru!</a>
HTML тег <a>
HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Он также может быть использован для создания якоря — это место назначения для гиперссылок внутри страницы.
Для создания гиперссылки браузеру необходимо сообщить, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всегда независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки построены относительно текущего документа или корня сайта.
Синтаксис
<a href="адрес">имя ссылки</a>
Пример: Создание гиперссылок
Различия между HTML 4.01 и HTML5
В HTML 4.01 элемент <a> может быть либо гиперссылкой либо якорем. В HTML5 элемент <a> всегда является гиперссылкой. Если для элемента <a> не задан атрибут href
, он становится вго лишь заполнителем для гиперссылки.
HTML5 имеет несколько новых атрибутов, и некоторые атрибуты HTML 4.01 больше не поддерживается.
Атрибуты
- download HTML5
- Сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный.
- href
- Единственный обязательный атрибут для указания адреса ссылки в HTML4, но больше необязательный в HTML5. Упущение этого атрибута создаёт ссылку-заполнитель. Атрибут
href
указывает ссылку: либо URL, либо якорь. Якорь — это название после знака диез#
, который указывает на элемент (ID) на текущей странице. - hreflang
- Идентифицирует язык текста по ссылке. Это чисто контрольная информация.
- media HTML5
- Используется для указания того, что целевой URL предназначен для специальных устройств (например, iPhone), речевых браузеров или печатных устройств.
- ping HTML5
- Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
- rel
- Для ссылок, которые содержат атрибут
href
, этот атрибут устанавливает отношения между ссылками. Значением по умолчанию являетсяvoid
, если не задано иное. - target
- Определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe).
- type
- Определяет MIME-тип для документа по ссылке. Обычно используется как контрольная информация.
Устаревшие
- charset Устарел в HTML5
- Определяет кодировку документа по ссылке. Значением является разделённый пробелами или запятыми список кодировок. Значением по умолчанию является ISO-8859-1.
- coords HTML 4 Устарел в HTML5
- Использует разделённый запятыми список чисел для определения координат объекта на странице.
- name HTML 4 Устарел в HTML5
- Устанавливает имя якоря внутри документа. Значение имени должно быть идентичным со значением уникального идентификатора
id
якоря. - rev HTML 4 Устарел в HTML5
- Отношения между ссылаемым и текущим документами.
- shape HTML 4 Устарел в HTML5
- Задаёт форму активной области ссылки для изображений.
Также для этого элемента доступны глобальные атрибуты и события.
Спецификации
Спецификация | Статус |
---|---|
Current W3C Draft | Текущий проект |
WHATWG HTML Living Standard (WHATWG) | Живой стандарт |
HTML5 (W3C) | Рекомендация |
HTML 4 (W3C) | Рекомендация |
Попробуйте сами - Примеры
Как создать гиперссылку:
Создание гиперссылки
Создание ссылки на адрес электронной почты (работает только если установлен почтовый клиент):
Ссылка на почту
Как создать ссылку, открывающую страницу в новом окне браузера:
Открывание ссылки в новом окне браузера
Как создать ссылку, открывающую страницу в новом окне с именем _window:
Открывание ссылки в окне с именем _window
Как создать ссылку на закладку из другой веб-страницы:
Ссылка на закладку
Использование изображения в качестве ссылки:
Изображение-ссылка
Как создать ссылку, открывающую страницу в окне встроенного фрейма:
Открывание ссылки в окне встроенного фрейма
Учебник HTML
HTML уроки: HTML Ссылки