Основна проблема, пов’язана з HTML-кодом href кнопки, полягає в тому, що буває важко створити стиль кнопки таким чином, щоб вона виглядала однаково в різних браузерах. Крім того, якщо використовується тег прив’язки з атрибутом href, посилання відкриватиметься в тому самому вікні за умовчанням, що може бути небажаним для певних типів посилань. Нарешті, якщо атрибут href налаштовано неправильно, натискання кнопки може призвести до появи сторінки помилки.
<button><a href="">Click Here</a></button>
1. Цей рядок коду створює елемент кнопки в HTML.
2. Всередині елемента кнопки є тег прив’язки з порожнім атрибутом href.
3. Тег прив’язки містить текст «Натисніть тут».
Визначення HREF
HREF означає Hypertext Reference і є атрибутом HTML, який використовується для визначення гіперпосилання. Він використовується для посилання однієї сторінки на іншу на тому самому веб-сайті або на іншому веб-сайті. Атрибут HREF визначає призначення посилання та може використовуватися з іншими елементами HTML, такими як , та
Чи можна використовувати HREF у HTML кнопки
Ні, неможливо використовувати атрибут href в елементі кнопки в HTML. Елемент кнопки не підтримує атрибут href. Однак ви можете використовувати JavaScript, щоб додати до кнопки прослуховувач подій клацання, який переведе користувача на іншу сторінку після натискання.
Як ви стилізуєте href як кнопку
Щоб створити тег прив’язки як кнопку в HTML, ви можете використати такий код:
Потім додайте наступний CSS до своєї таблиці стилів:
.button {
колір фону: #4CAF50; /* Зелений */
межа: немає;
колір: білий;
заповнення: 15px 32px;
текст-вирівнювання: центр;
оформлення тексту: немає;
дисплей: inline-block; розмір шрифту: 16px; поле: 4px 2px; курсор: покажчик;}
