Больше "Попробуйте сами" примеры ниже.
Определение и использование
<a> Тэг определяет гиперссылку, которая используется для связи с одной страницы на другую.
Самым важным атрибутом <a> элемента является href атрибут, который указывает назначение ссылки.
По умолчанию ссылки будут выглядеть следующим образом во всех браузерах:
- Непосещенная ссылка подчеркнутая и синий
- Посещаемой ссылка подчеркнутая и фиолетовый
- Активная ссылка подчеркнутая и красный
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <a> | да | да | да | да | да |
Советы и примечания
Совет: following атрибуты: download, hreflang, media, rel, target и type не может присутствовать , если href атрибута нет.
Совет: Связанный страница обычно отображается в текущем окне браузера, если вы не указали другую цель.
Совет: Используйте CSS для ссылок стиль: CSS Ссылки Учебник & CSS Buttons Учебное пособие
Отличия между HTML 4.01 и HTML5
В HTML 4.01, то <a> тег может быть либо гиперссылка или якорь. В HTML5, то <a> тег всегда является гиперссылкой, но если он не имеет href атрибута, это только заполнитель для гиперссылки.
HTML5 имеет некоторые новые атрибуты, а также некоторые HTML 4.01 атрибуты не больше не поддерживаются.
Атрибуты
= Новое в HTML5.
Глобальные атрибуты
<a> Тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<a> Тег также поддерживает Атрибуты событий в HTML .
Попробуйте сами - Примеры
Создание гиперссылок
Как создать гиперссылки.
Изображение в качестве ссылки
Как использовать изображение в качестве ссылки.
Открыть ссылку в новом окне браузера
Как открыть ссылку в новом окне браузера, так что посетитель не должен оставить свой веб-сайт.
Создать ссылку MailTo
Как сделать ссылку на почтовое сообщение (будет работать только если вы установили почта).
Создать ссылку MailTo 2
Другой почтовую связь.
Ссылка на элемент с указанным id
Как сделать ссылку на элемент с указанным id в странице ( name атрибута не поддерживается в HTML5).
Ссылка на JavaScript
Как добавить JavaScript внутри href атрибута.
Похожие страницы
Учебник HTML: HTML ссылки
HTML DOM ссылка: Якорь объект
Учебник CSS: Styling ссылки
Настройки по умолчанию CSS
Большинство браузеров будет отображать <a> элемент со следующими значениями по умолчанию:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Атрибут | Стоимость | Описание |
|---|---|---|
| charset | char_encoding | Не поддерживается в HTML5. Задает символьного набора связанного документа |
| coords | coordinates | Не поддерживается в HTML5. Указывает координаты ссылки |
| 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 | Определяет, где открыть связанный документ |
| type | media_type | Определяет тип носителя связанного документа |