Principala problemă legată de butonul HTML href este că poate fi dificil să stilați butonul într-un mod care să pară consecvent în diferite browsere. În plus, atunci când utilizați o etichetă de ancorare cu un atribut href, linkul se va deschide în aceeași fereastră în mod implicit, ceea ce poate să nu fie de dorit pentru anumite tipuri de linkuri. În cele din urmă, dacă atributul href nu este configurat corect, făcând clic pe butonul poate rezulta o pagină de eroare.
<button><a href="">Click Here</a></button>
1. Această linie de cod creează un element buton în HTML.
2. În interiorul elementului butonul, există o etichetă de ancorare cu un atribut href gol.
3. Eticheta de ancorare conține textul „Click Here”.
Definiţia HREF
HREF înseamnă Hypertext Reference și este un atribut HTML folosit pentru a defini un hyperlink. Este folosit pentru a lega o pagină la alta, fie pe același site web, fie pe un alt site web. Atributul HREF specifică destinația link-ului și poate fi folosit cu alte elemente HTML, cum ar fi , , și
Pot folosi HREF în butonul HTML
Nu, nu este posibil să utilizați un atribut href într-un element buton în HTML. Elementul buton nu acceptă atributul href. Cu toate acestea, puteți utiliza JavaScript pentru a adăuga un ascultător de evenimente de clic la butonul care va duce utilizatorul la o altă pagină atunci când este dat clic.
Cum stilați un href ca buton
Pentru a stila o etichetă de ancorare ca un buton în HTML, puteți utiliza următorul cod:
Apoi adăugați următorul CSS la foaia de stil:
.button {
culoare de fundal: #4CAF50; /* Verde */
hotar: nici unul;
culoare albă;
umplutură: 15px 32px;
text-align: centru;
text-decor: nici unul;
display: inline-block; dimensiunea fontului: 16px; margine: 4px 2px; cursor: pointer;}
