Il problema principale relativo al pulsante HTML href è che può essere difficile definire lo stile del pulsante in modo che appaia coerente tra i diversi browser. Inoltre, quando si utilizza un tag di ancoraggio con un attributo href, il collegamento si aprirà nella stessa finestra per impostazione predefinita, il che potrebbe non essere desiderabile per alcuni tipi di collegamenti. Infine, se l'attributo href non è configurato correttamente, facendo clic sul pulsante potrebbe comparire una pagina di errore.
<button><a href="">Click Here</a></button>
1. Questa riga di codice crea un elemento pulsante in HTML.
2. All'interno dell'elemento button è presente un tag di ancoraggio con un attributo href vuoto.
3. Il tag di ancoraggio contiene il testo "Clicca qui".
Definizione HREF
HREF è l'acronimo di Hypertext Reference ed è un attributo HTML utilizzato per definire un collegamento ipertestuale. Viene utilizzato per collegare una pagina a un'altra, sullo stesso sito Web o su un sito Web diverso. L'attributo HREF specifica la destinazione del collegamento e può essere utilizzato con altri elementi HTML come , e
Posso usare HREF nel pulsante HTML
No, non è possibile utilizzare un attributo href in un elemento pulsante in HTML. L'elemento button non supporta l'attributo href. Tuttavia, puoi utilizzare JavaScript per aggiungere un listener di eventi di clic al pulsante che indirizzerà l'utente a una pagina diversa quando viene fatto clic.
Come si modella un href come un pulsante
Per modellare un tag di ancoraggio come un pulsante in HTML, puoi utilizzare il seguente codice:
Quindi aggiungi il seguente CSS al tuo foglio di stile:
.pulsante {
colore di sfondo: #4CAF50; /* Verde */
bordo: nessuno;
colore bianco;
padding: 15px 32px;
text-align: center;
decorazione del testo: nessuna;
display: blocco in linea; dimensione carattere: 16px; margine: 4px 2px; cursore: puntatore;}
