Посилання

Тег <a> використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера на сторінку, пов'язану з посиланням, і відображає відповідь на екрані. Атрибут href допомагає вказати URL-адресу сторінки призначення.

Атрибути посилання:

target

За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank".

download

Атрибут download можна використовувати з тегом HTML <a>, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download, браузер пропонує користувачеві зберегти файл із зазначеним ім'ям. Наприклад, якщо нам потрібно створити елемент з наступним функціоналом: коли користувач натискає на посилання, браузер завантажить файл myfile.pdf з https://example.com/ і запропонує користувачеві зберегти його з ім'ям myfile.pdf.

href

Атрибут href використовується не тільки для переходу на інші сторінки, але й для створення посилань на адреси електронної пошти, номери телефонів та певні розділи.

Крім того, атрибут href можна використовувати для переходу до певних розділів на веб-сторінці. Щоб створити якірний тег, призначте атрибут id (унікальний ідентифікатор) потрібному розділу, до якого ми хочемо прокрутити. Атрибут href приймає значення, що починається з символу #, за яким слідує значення id.

Розглянемо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє перевіряти код і вивчати його функціональність.

Примітка

Будь ласка, знайдіть хвилинку, щоб перевірити функціональність, натискаючи на посилання і спостерігаючи за тим, як сторінка прокручується до певних розділів. Крім того, зверніть увагу на атрибути тегів a і h2.

Кнопка

Тег <button> в HTML використовується для створення кнопки, яка може викликати дію, наприклад, надсилання форми, виконання функції JavaScript, наприклад, відкриття і закриття спливаючого вікна або перемикання мобільного меню. За замовчуванням, <button> має атрибут type і його значенням є submit. Однак часто нам потрібно вказати type="button".

Примітка

Тег <a> використовується для створення гіперпосилань на інші веб-сторінки, документи або ресурси. На противагу цьому, тег <button> використовується для створення інтерактивності на веб-сторінці, запуску події або виконання дії. Важливо не змішувати їх призначення.