Hlavním problémem souvisejícím s HTML href tlačítka je to, že může být obtížné stylovat tlačítko tak, aby vypadalo konzistentně v různých prohlížečích. Navíc při použití tagu ukotvení s atributem href se odkaz ve výchozím nastavení otevře ve stejném okně, což u určitých typů odkazů nemusí být žádoucí. A konečně, pokud atribut href není správně nakonfigurován, kliknutí na tlačítko může vést k zobrazení chybové stránky.
<button><a href="">Click Here</a></button>
1. Tento řádek kódu vytvoří v HTML prvek tlačítka.
2. Uvnitř prvku button je kotvící tag s prázdným atributem href.
3. Kotevní značka obsahuje text „Klikněte sem“.
Definice HREF
HREF je zkratka pro Hypertext Reference a je to HTML atribut používaný k definování hypertextového odkazu. Používá se k propojení jedné stránky s druhou, buď na stejném webu, nebo na jiném webu. Atribut HREF určuje cíl odkazu a lze jej použít s dalšími prvky HTML jako např , , a
.Mohu použít HREF v HTML tlačítka
Ne, není možné použít atribut href v prvku tlačítka v HTML. Element button nepodporuje atribut href. Pomocí JavaScriptu však můžete k tlačítku přidat posluchač události kliknutí, který uživatele po kliknutí přesměruje na jinou stránku.
Jak stylujete a href jako tlačítko
Chcete-li upravit značku ukotvení jako tlačítko v HTML, můžete použít následující kód:
Poté do své šablony stylů přidejte následující CSS:
.knoflík {
barva pozadí: #4CAF50; /* Zelená */
ohraničení: žádné;
barva bílá;
polstrování: 15px 32px;
text-align: center;
textové dekorace: žádné;
displej: inline-block; velikost písma: 16px; okraj: 4px 2px; kurzor: ukazatel;}