I tag HTML possono essere corredati di uno o più attributi, che servono per meglio specificare la funzione o la tipologia dell’elemento, per memorizzare dati o per arricchire di significato il contenuto.
Un tag con attributi si scrive in questo modo:
<tag attributo1=”valore1″ attributo2=”valore2″>
Ecco un esempio pratico:
<input type="email" name="email" placeholder="Scrivi il tuo indirizzo email..."> Il tag input indica genericamente un elemento che consente agli utenti di inserire delle informazioni. Grazie agli attributi però, possiamo specificare che vogliamo un indirizzo email (attributo type) e possiamo comunicarlo all’utente con un messaggio (attributo placeholder).
In sostanza gli attributi:
- sono coppie chiave-valore separate dal carattere
=(uguale); - i valori sono tipicamente racchiusi tra virgolette
"", ma è possibile anche utilizzare gli apici''; - si scrivono lasciando almeno uno spazio dopo il nome dell’elemento nel tag di apertura (o nell’unico tag nel caso di elementi non contenitori).
Nota: in alcune rare situazioni, come quando il valore dell’attributo contiene in sè le virgolette, è necessario usare gli apici (es. data-nome = 'Luca "la roccia" Rossi').