Синтаксис

<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-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег a</title>
</head>
<body>
    <div id="description">Описание</div>
    <div>
        <a href="https://codefind.ru">Перейти на сайт CodeFind</a>
        <a href="tel:+74951234567">+7 (495) 123-45-67</a>
        <a href="#description">Обратно к описанию</a>
    </div>
</body>
</html>

Отображение в браузере: 

Параметры CSS по умолчанию

{
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

Поддержка браузера 

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<a> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.