Синтаксис
<a href="...">...</a>
Описание
Тег <a> (от англ. anchor — якорь) используется для создания: гиперссылок (переход на другие сайты), ссылок (переход на другие страницы сайта) и якорей (переход на конкретный элемент на данной странице).
Основным элементом в теге <a> является атрибут href, который находится внутри тега и указывает назначение ссылки (href="https://codefind.ru") или id (href="#navigation") для якоря. Якорь — это название после символа #, который указывает на элемент текущей страницы.
Внимание!
Атрибуты: download, hreflang, media, rel, target и type не могут присутствовать, если нет атрибута href.
Атрибуты, которые можно использовать в теге <a>, указаны ниже. Также тег поддерживает и глобальные атрибуты HTML.
Атрибуты
Атрибут | Значение | Описание |
charset | char_encoding |
Устарел. Задает набор символов связанного документа |
coords | coordinates | Устарел. Задает координаты ссылки |
download | имя файла (не обязательно) | Указывает, что целевой объект будет загружен, когда пользователь нажмет на гиперссылку |
href |
URL-адрес # tel mailto |
Указывает URL-адрес страницы, якорь, телефон или почту на которую переходит ссылка. |
hreflang | language_code (ru, ge, en и тд.) | Указывает язык связанного документа |
media | media_query (screen and (min-width:500px) и тд.) | Указывает, какие носители/устройства оптимизированы для связанного документа |
name | section_name | Устарел. Задает имя привязки |
ping | list_of_URLs (https://www.codefind.com/trackpings) | Указывает список URL-адресов, разделенных пробелами, к которым, после ссылки, запросы POST с телом ping будут отправляться браузером (в фоновом режиме). Обычно используется для отслеживания |
rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
Указывает связь между текущим документом и связанным документом |
rev | text | Устарел. Указывает связь между связанным документом и текущим документом |
shape | default rect circle poly |
Устарел. Задает форму ссылки |
target | _blank _parent _self _top framename |
Указывает, как открыть связанный документ |
type | media_type (video/mp4 и тд.) | Указывает тип носителя связанного документа |
Пример
HTML-код:
Отображение в браузере:
Параметры CSS по умолчанию
a {
color: -webkit-
cursor: pointer;
text-decoration: underline;
}
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<a> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии