A HTML href gombokkal kapcsolatos fő probléma az, hogy nehéz lehet a gomb stílusát úgy beállítani, hogy a különböző böngészőkben egységesnek tűnjön. Ezenkívül egy href attribútummal rendelkező horgonycímke használatakor a hivatkozás alapértelmezés szerint ugyanabban az ablakban nyílik meg, ami bizonyos típusú hivatkozások esetén nem kívánatos. Végül, ha a href attribútum nincs megfelelően konfigurálva, a gombra kattintás hibaoldalt eredményezhet.
<button><a href="">Click Here</a></button>
1. Ez a kódsor gombelemet hoz létre a HTML-ben.
2. A gombelemen belül van egy horgonycímke üres href attribútummal.
3. A horgonycímke a „Kattintson ide” szöveget tartalmazza.
A HREF definíciója
A HREF a Hypertext Reference rövidítése, és egy HTML attribútum, amelyet hiperhivatkozások meghatározására használnak. Arra használják, hogy egyik oldalt összekapcsolják a másikkal, akár ugyanazon, akár egy másik webhelyen. A HREF attribútum határozza meg a hivatkozás célját, és használható más HTML elemekkel, mint pl , és
Használhatom a HREF-et a HTML gombban?
Nem, nem lehet href attribútumot használni egy gombelemben a HTML-ben. A gombelem nem támogatja a href attribútumot. A JavaScript használatával azonban hozzáadhat egy kattintási eseményfigyelőt a gombhoz, amely kattintáskor egy másik oldalra viszi a felhasználót.
Hogyan stílusozhat egy href-et gombként
Ha egy horgonycímkét gombként szeretne stílusozni a HTML-ben, a következő kódot használhatja:
Ezután adja hozzá a következő CSS-t a stíluslaphoz:
.button {
háttérszín: #4CAF50; /* zöld */
határ: nincs;
fehér szín;
párnázás: 15px 32px;
text-align: center;
szövegdíszítés: nincs;
kijelző: inline-block; betűméret: 16 képpont; margó: 4 képpont 2 képpont; kurzor: pointer;}
