Элемент a – это та самая «ссылка», которая позволяет переходить с одной страницы на другую. Содержимое ссылки служит её подписью, а визуально она обычно выделяется как подчеркнутый текст и меняет курсор в руку при наведении – маленький индикатор того, что здесь можно кликнуть.

В большинстве браузеров по умолчанию ссылка выглядит так:

• Не посещённая – синий текст
• Посещённая – фиолетовый текст
• Активная (в момент клика) – красный текст

Кодом ссылки может быть не только простой текст, но и любой другой элемент HTML, если обернуть его в тег a. Это открывает массу возможностей для оформления.

Особенность ссылок состоит в том, что они могут вести как к веб-страницам, так и к файлам любого типа. Если браузер знает MIME-тип файла, он откроет его напрямую; иначе появится диалог «открыть или сохранить».

По умолчанию открытие происходит в том же окне – как правило, это удобно. Если ссылка указывает на несуществующий ресурс, её называют «мёртвой» или «битой».

Вы также можете использовать a для перехода к определённым участкам текущей страницы. Для этого нужно задать целевому элементу атрибут id, например:

<h2 id="a1">Заголовок</h2>

После этого ссылка вида <a href="#a1">перейти</a> сразу переместит пользователя к заголовку. Если переход осуществляется на другую страницу, в атрибуте href добавляется URL перед идентификатором: a href="http://www.example.com#a1".

Такой подход экономит время читателя – он не тратит минуты на поиски нужного раздела.

href

Указывает адрес целевой страницы. Максимальная длина строки – 255 символов. Если в ссылке указан путь к файлу, поведение зависит от его типа.

hreflang

Определяет язык документа назначения.

media

Указывает тип носителя (например, screen, print).

rel

Описание отношения между текущим документом и целевым. Возможные значения:

• alternate – альтернативная версия (для печати, другой язык)
• author – ссылка на автора
• bookmark – постоянный адрес для закладок
• help – справочный документ
• license – сведения об авторских правах
• next – следующий раздел в цепочке
• nofollow – поисковикам не индексировать (Google)
• noreferrer – не посылать заголовок HTTP при переходе
• prefetch – кэшировать целевой документ заранее
• prev – предыдущий раздел в цепочке
• search – ссылка на поиск по странице
• tag – ключевое слово для документа

target

Определяет, где открывается целевой документ:

• _blank – новое окно/вкладка
• _parent – родительский фрейм
• _self – текущий контекст (по умолчанию)
• _top – весь экран
• имя_фрейма – открытие в конкретном <iframe>

type

MIME-тип целевого документа.

Примечание: атрибуты hreflang, media, rel, target и type работают только тогда, когда задан href.

Тег a также поддерживает атрибуты, связанные с поведением скроллинга и фокусировки.

<a href="some_document.html">Это ссылка</a>