HTML: тег a
Тег <a> — це тег HTML, який створює прив’язку для гіперпосилання на іншу веб-сторінку або певне місце на тій самій сторінці. Якір зазвичай відображається у вигляді підкресленого тексту, і його можна натиснути, щоб перейти на пов’язану сторінку або місце. Атрибут href використовується для вказівки URL-адреси або адреси пов’язаної сторінки.
Крім атрибуту href тег <a> також має інші необов’язкові атрибути, які можна використовувати для вказівки поведінки та зовнішнього вигляду посилання. Ось деякі приклади:
target
— цільовий атрибут, який вказує, де відкрити пов’язаний документ, наприклад, у новому вікні чи існуючому кадрі.
Атрибут rel
, який визначає зв’язок між поточною сторінкою та пов’язаною сторінкою, наприклад nofollow
, що вказує на те, що посилання не повинно впливати на рейтинг пов’язаної сторінки в пошукових системах.
Атрибут title
, що надає додаткову інформацію про посилання, наприклад, опис пов’язаної сторінки.
Атрибут download
, який вказує на те, що посилання має завантажувати пов’язаний файл, а не переходити до нього.
Текст посилання міститься між тегом <a> і закриваючим тегом</a> .
Ще одна важлива річ, про яку слід згадати, те, що тег <a> доступний, це означає, що його можуть використовувати користувачі, які покладаються на допоміжні технології, такі як програми читання з екрана, для навігації в Інтернеті. Щоб зробити посилання доступнішими, важливо:
Надайте описовий та осмислений текст посилання, щоб користувачі могли зрозуміти мету посилання.
Використовуйте атрибут title, щоб надати додаткову інформацію про посилання для користувачів, яким може знадобитися додатковий контекст, щоб зрозуміти її призначення.
Уникайте використання «натисніть тут» або «більше» як текст посилання.
Також важливо використовувати тег <a> так, щоб це мало семантичний зміст. Наприклад, слід використовувати посилання на інші сторінки, документи або певні місця в документі.
Нарешті, також важливо переконатися, що це посилання працюють правильно і вказують на правильний пункт призначення. Непрацюючі посилання можуть розчарувати користувачів та підірвати довіру до вашого сайту.
Створення посилання на сайт за допомогою тега <a>
<a href="https://www.example.com">Visit Example.com</a>
Це створить посилання з текстом “Відвідати example.com”, при натисканні на яке користувач переходить на веб-сайт “https://www.example.com”.