Главни проблем у вези са дугметом ХТМЛ хреф је тај што може бити тешко стилизовати дугме на начин који изгледа доследно у различитим претраживачима. Поред тога, када користите ознаку сидра са атрибутом хреф, веза ће се подразумевано отворити у истом прозору, што можда није пожељно за одређене типове веза. Коначно, ако атрибут хреф није правилно конфигурисан, клик на дугме може довести до странице са грешком.
<button><a href="">Click Here</a></button>
1. Ова линија кода ствара елемент дугмета у ХТМЛ-у.
2. Унутар елемента дугмета налази се ознака сидра са празним хреф атрибутом.
3. Ознака сидра садржи текст „Кликните овде“.
Дефиниција ХРЕФ-а
ХРЕФ је скраћеница од Хипертект Референце и представља ХТМЛ атрибут који се користи за дефинисање хипервезе. Користи се за повезивање једне странице са другом, било на истој или другој веб локацији. ХРЕФ атрибут специфицира одредиште везе и може се користити са другим ХТМЛ елементима као што су , , и
Могу ли да користим ХРЕФ у дугмету ХТМЛ
Не, није могуће користити атрибут хреф у елементу дугмета у ХТМЛ-у. Елемент дугмета не подржава атрибут хреф. Међутим, можете да користите ЈаваСцрипт да додате слушалац догађаја клика на дугме које ће одвести корисника на другу страницу када се кликне.
Како стилизујете хреф као дугме
Да бисте стилизирали ознаку сидра као дугме у ХТМЛ-у, можете користити следећи код:
Затим додајте следећи ЦСС у своју листу стилова:
.буттон {
бацкгроунд-цолор: #4ЦАФ50; /* Зелена */
граница: нема;
бела боја;
паддинг: КСНУМКСпк КСНУМКСпк;
поравнање текста: центар;
уређење текста: ниједно;
дисплеј: инлине-блоцк; фонт-сизе: 16пк; маргина: 4пк 2пк; курсор: показивач;}
