Використання посилань
Свайпніть щоб показати меню
Тег <a> використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера для сторінки, пов'язаної з цим посиланням, і відображає відповідь на екрані. Атрибут href допомагає вказати URL цільової сторінки.
index.html
Атрибути посилань
target
За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank".
index.html
download
Атрибут download можна використовувати з HTML-тегом <a>, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download, браузер пропонує користувачу зберегти файл із зазначеним іменем. Наприклад, якщо потрібно створити елемент із такою функціональністю: при натисканні на посилання браузер завантажить файл "myfile.pdf" з https://example.com/ і запропонує користувачу зберегти його під іменем myfile.pdf.
index.html
href
Атрибут href використовується не лише для переходу на інші сторінки, а й для створення посилань на електронні адреси, номери телефонів і конкретні розділи.
index.html
Крім того, атрибут href можна використовувати для переходу до конкретних розділів на веб-сторінці. Щоб створити якір, призначте атрибут id (унікальний ідентифікатор) потрібному розділу, до якого потрібно прокрутити сторінку. Атрибут href приймає значення, що починається зі символу #, після якого вказується значення id.
Розгляньмо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє переглядати код і досліджувати його функціональність.
Будь ласка, ознайомтеся з функціональністю, натискаючи на посилання та спостерігаючи, як жива сторінка прокручується до відповідних розділів. Також зверніть увагу на атрибути тегів a та h2.
Щоб переглянути код, перетягніть повзунок з лівого боку CodeSandbox. Це відкриє наявний код у редакторі.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат