HTML таг a
Пример
Кратък пример как се използва тагът <a>.
<a href="https://example.com" class="text-decoration-none" target="_blank">Посети Example.com</a>Дефиниция и употреба
Виж как се ползва тагът <a>.
HTML елементът <a> (anchor) се използва за създаване на хипервръзки към други страници, файлове, имейл адреси, телефонни номера, както и за навигация към определени части от същата страница. Най-важният атрибут е href, който указва адреса (URL) на целта на връзката. Съдържанието между отварящия и затварящия таг (текст, изображение, икона и др.) е това, върху което потребителят клика.
Когато href сочи към външен ресурс (например https://...), кликването зарежда новата страница. Ако href започва с #, връзката превърта до елемент със съответното id в текущия документ. Може да се използват и специални схеми като mailto: за отваряне на имейл клиент или tel: за набиране на телефонен номер на мобилни устройства.
С атрибута target се определя къде да се отвори връзката (например _blank за нов таб), а с rel се задават допълнителни отношения и правила за сигурност (например rel="noopener noreferrer" при външни връзки). Елементът <a> може да се стилизира с CSS и да се комбинира с класове от Bootstrap (например btn, nav-link), за да изглежда като бутон или навигационен елемент.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
| Атрибут | Описание | Пример |
|---|---|---|
href |
Определя адреса (URL) на целта на връзката. | <a href="https://example.com">Линк</a> |
target |
Определя къде да се отвори връзката (_self, _blank, _parent, _top или име на прозорец/рамка). |
<a href="page.html" target="_blank">Отвори в нов таб</a> |
rel |
Определя връзката между текущия документ и целта (напр. noopener, noreferrer, nofollow). |
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Външен линк</a> |
download |
Указва, че връзката трябва да свали ресурс вместо да го отваря в браузъра. | <a href="file.pdf" download>Свали PDF</a> |
hreflang |
Посочва езика на свързания документ. | <a href="index-fr.html" hreflang="fr">Френска версия</a> |
type |
Посочва MIME типа на свързания ресурс. | <a href="video.mp4" type="video/mp4">Видео</a> |
referrerpolicy |
Контролира каква информация за реферера да се изпраща при заявката. | <a href="https://example.com" referrerpolicy="no-referrer">Линк без реферер</a> |