Основният проблем, свързан с HTML href на бутона, е, че може да бъде трудно да стилизирате бутона по начин, който изглежда последователно в различните браузъри. Освен това, когато използвате anchor таг с атрибут href, връзката ще се отвори в същия прозорец по подразбиране, което може да не е желателно за определени типове връзки. И накрая, ако атрибутът href не е правилно конфигуриран, щракването върху бутона може да доведе до страница с грешка.
<button><a href="">Click Here</a></button>
1. Този ред код създава елемент бутон в HTML.
2. Вътре в елемента на бутона има anchor таг с празен атрибут href.
3. Етикетът за котва съдържа текста „Щракнете тук“.
Дефиниция на HREF
HREF означава Hypertext Reference и е HTML атрибут, използван за дефиниране на хипервръзка. Използва се за свързване на една страница към друга, или на същия уебсайт, или на различен уебсайт. Атрибутът HREF указва дестинацията на връзката и може да се използва с други HTML елементи, като напр , , и
Мога ли да използвам HREF в HTML на бутона
Не, не е възможно да се използва атрибут href в елемент на бутон в HTML. Елементът бутон не поддържа атрибута href. Въпреки това можете да използвате JavaScript, за да добавите слушател на събитие за щракване към бутона, който ще отведе потребителя до друга страница при щракване.
Как стилизирате href като бутон
За да оформите anchor таг като бутон в HTML, можете да използвате следния код:
След това добавете следния CSS към вашия стилов лист:
.button {
цвят на фона: #4CAF50; /* Зелено */
граница: няма;
цвят: бял;
подложка: 15px 32px;
текст-подравняване: център;
текст-декорация: няма;
дисплей: inline-block; размер на шрифта: 16px; поле: 4px 2px; курсор: показалец;}
