English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Тег <a> в HTML определяет гиперссылку, указывающую на URL или цель в документе HTML. Этот тег также часто называется элементом <a>.
Ссылка на базовый учебник:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Сайт базовых учебников (oldtoolbag.com)</title> </head> <body> <a href="https://ru.oldtoolbag.com">Перейти на сайт базовых учебников!</a> </body> </html>Проверьте, ‹/›
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают тег <a>.
Тег <a> определяет гиперссылку, используемую для связи одной страницы с другой.
Самым важным свойством элемента <a> является свойство href, которое указывает на цель ссылки.
В всех браузерах по умолчанию ссылки выглядят следующим образом:
Неvisited ссылки имеют подчеркивание и синий цвет
Посещенные ссылки имеют подчеркивание и фиолетовый цвет
Активные ссылки имеют подчеркивание и красный цвет
Элемент <a> HTML расположен внутри тега <body>.
Текст между начальным тегом <a> и завершающим тегом </a> будет отображаться как текст ссылки (текст с подчеркиванием).
Если вы хотите открыть страницу ресурса в новом окне, используйте атрибут target = "_blank". Например, вы можете написать ссылку следующим образом: <a href="/examples/filename.html" target="_blank">Ссылка на имя файла</a>
В HTML 4.01 тег <a> может быть как ссылкой, так и якорем. В HTML5 тег <a> является ссылкой, но если отсутствует атрибут href, он является только маркером места для ссылки.
HTML5 имеет некоторые новые атрибуты и больше не поддерживает некоторые атрибуты HTML 4.01.
New: Новые свойства в HTML5.
| Свойство | Значение | Описание |
|---|---|---|
| charset | char_encoding | HTML5 не поддерживает. Определяет код символов для цели URL. |
| coords | coordinates | HTML5 не поддерживает. Определяет координаты ссылки. |
| downloadHTML5 | filename | Указывает ссылку для скачивания |
| href | URL | Определяет целевую URL ссылки. |
| hreflang | language_code | Определяет базовый язык цели URL. Используется только при наличии атрибута href. |
| mediaHTML5 | media_query | Определяет тип медиа для цели URL. По умолчанию: all. Используется только при наличии атрибута href. |
| name | section_name | HTML5 не поддерживает. Определяет имя якоря. |
| pingHTML5 | list_of_URLs | Указывает список разделенных пробелами URL, после которых браузер отправляет запрос ping (backend). Обычно используется для отслеживания |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Указывает конкретный тип推送 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Определяет relación между текущим документом и URL цели. Используется только при наличии атрибута href. |
| rev | text | HTML5 не поддерживает. Определяет relación между URL цели и текущим документом. |
| shape | default rect circle poly | HTML5 не поддерживает. Определяет форму ссылки. |
| target | _blank _parent _self _top framename | Определяет, где открывается цель URL. Используется только при наличии атрибута href. |
| type HTML5 | MIME_type | Определяет тип MIME的目标 URL. Используется только при наличии атрибута href. Примечание: MIME = Многофункциональные расширения Интернета для почты. |
Поддержка тега <a> Глобальные свойства HTML。
Поддержка тега <a> Свойства событий HTML。
Изображение ссылки Этот пример демонстрирует, как использовать ссылку на изображение.
Ссылка на указанное место на текущей странице Этот пример демонстрирует, как использовать закладки
Выйти из рамки Этот пример демонстрирует, как выйти из рамки, если ваша страница зафиксирована в рамке.
Создание электронной почты ссылки Этот пример демонстрирует, как создать ссылку на почту. (Этот пример работает только после установки почтового клиента.)
Создание электронной почты ссылки 2 Этот пример демонстрирует более сложную ссылку на почту.
Создание телефонного ссылки Этот пример демонстрирует создание ссылки для вызова телефона
HTML учебник:HTML ссылка
Руководство по HTML DOM: Объект Anchor