Тег <a>

Тег А

Подивіться на моє фото!

Як зробити таке ж фото?

Закриваючий тег

Обов'язковий.

Специфікація

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Опис

Тег <a> є одним із важливих елементів HTML і призначений для створення посилань. Залежно від наявності атрибутів name або href тег <a> встановлює посилання або якір. Якорем називається закладка всередині сторінки, яку можна вказати як ціль посилання. При використанні посилання, яке вказує на якір, відбувається перехід до закладки всередині веб-сторінки.

Для створення посилання необхідно повідомити браузеру, що є посиланням, а також вказати адресу документа, на який слід зробити посилання. Як значення атрибуту href використовується адреса документа (URL, Universal Resource Locator, універсальний вказівник ресурсів), на який відбувається перехід. Адреса посилання може бути абсолютною або відносною. Абсолютні адреси працюють скрізь незалежно від імені сайту або веб-сторінки, де прописане посилання. Відносні посилання, як випливає з їхньої назви, побудовані відносно поточного документа або кореня сайту.

Синтаксис


<a href="URL">...</a>
<a name="ідентифікатор">...</a>

Атрибути

accesskey
Активація посилання за допомогою комбінації клавіш.
coords
Встановлює координати активної області.
download
Пропонує завантажити вказаний у посиланні файл.
href
Задає адресу документа, на який слід перейти.
hreflang
Ідентифікує мову тексту за посиланням.
name
Встановлює ім'я якоря всередині документа.
rel
Відносини між посилаючим та поточним документами.
rev
Відносини між поточним та посилаючим документами.
shape
Задає форму активної області посилання для зображень.
tabindex
Визначає послідовність переходу між посиланнями при натисканні на кнопку Tab.
target
Ім'я вікна або фрейму, куди браузер буде завантажувати документ.
title
Додає спливаючу підказку до тексту посилання.
type
Вказує MIME-тип документа, на який веде посилання.

Також для цього тега доступні універсальні атрибути та події.

Часті запитання

  • Q: Як працює тег <a> в HTML?

    A: Тег <a> в HTML використовується для створення посилань на інші веб-сторінки або ресурси. Він має атрибут href, який вказує URL посилання.

  • Q: Як відкрити посилання в новому вікні за допомогою тегу <a>?

    A: Щоб відкрити посилання в новому вікні, необхідно використовувати атрибут target зі значенням _blank.

  • Q: Як створити посилання на електронну пошту за допомогою тегу <a>?

    A: Для створення посилання на електронну пошту за допомогою тегу <a> необхідно вказати поштову адресу в атрибуті href з префіксом mailto:.

  • Q: Як зробити посилання неклікабельним за допомогою тегу <a>?

    A: Для того, щоб зробити посилання неклікабельним, можна встановити атрибут href зі значенням # або javascript:void(0).

  • Q: Як вказати текст посилання за допомогою тегу <a>?

    A: Текст посилання вказується між відкриваючим і закриваючим тегами <a>. Наприклад: <a href='https://www.example.com'>Текст посилання</a>.