HTML тег <a>
примеров
Ссылка на этот учебник:
Попробуйте »
(Дополнительные примеры см в нижней части страницы)
Поддержка браузеров
Все основные браузеры поддерживают <a> ярлык.
Определения тегов и инструкции
<a> тэг определяет гиперссылку с одной страницы на ссылку на другую страницу.
Самым важным элементом является атрибут ссылки <a> атрибут, который определяет цель ссылки.
Во всех браузерах, ссылка по умолчанию выглядит следующим образом:
- Не заходил ссылка подчеркнутая и синий
- Был посетил ссылка подчеркнутая и фиолетовый
- Активная ссылка подчеркнута и красный
Советы и примечания
Совет: Если вы не используете атрибут HREF, вы не можете использовать hreflang, средства массовой информации, отн, цели и свойства типа.
Совет: как правило , отображается в текущем окне браузера связанных страниц, если положения другой цели.
Совет: Используйте CSS , чтобы изменить стиль ссылки.
Различия между HTML 4.01 и HTML5
В HTML 4.01, <a> тег может быть как гиперссылка, она может быть закреплена. В HTML5, <a> метка является гиперссылкой, но если нет HREF атрибута, это просто заполнитель для гиперссылки.
HTML5 имеет некоторые новые атрибуты, в то время как больше не поддерживает некоторые HTML 4.01 атрибуты.
свойство
Новое: HTML5 новое свойство.
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| download New | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| media New | media_query | 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
| target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
Глобальные свойства
Тег <a> поддерживает HTML глобальные свойства .
Особенности проведения мероприятий
Тег <a> поддерживает свойства событий HTML .
Попробуйте - Пример
Создание гиперссылок
Этот пример демонстрирует, как создать ссылку в HTML-документе.
Изображение в качестве ссылки
Этот пример демонстрирует, как использовать изображение в качестве ссылки.
Открыть ссылку в новом окне браузера
Этот пример показывает, как открыть страницу в новом окне, так что посетители не нужно оставить свой сайт.
Создание электронной почты ссылку
Этот пример показывает, как связать сообщение. (В этом случае, чтобы работать после установки почтового клиента.)
Создание электронной почты ссылка 2
Этот пример демонстрирует более сложный по электронной почте ссылку.
Используйте якоря , чтобы перейти в другое место на той же странице
Этот пример демонстрирует, как использовать якорь прыжок атрибута ID в другое место на странице (HTML5 не поддерживает имя атрибута).
Статьи по Теме
Учебник HTML: HTML ссылка
HTML DOM Ссылка: Якорные объекты