Attributes

Molti degli elementi HTML5 possono avere degli attributi. L'attributo fornisce ulteriori informazioni sul tag specifico e viene sempre specificato nell'elemento di apertura. Ecco un esempio: supponiamo che tu voglia creare un link. L'elemento link viene specificato dal tag <a> e l'indirizzo di destinazione verrà specificato nell'attributo href.

<a href="http://www.myurl.com">This is a link</a>

Come puoi vedere, l'elemento link è costituito dal tag di apertura tag <a> e dal tag di chiusura </a>. Il contenuto dell'elemento link è "This is a link". All'interno del tag di apertura è presente un attributo, href. L'attributo href ha sempre un valore, che in questo caso è http://www.myurl.com. Ogni volta che hai un elemento con attributo, la sintassi da considerare è attributo="valore".

Qui devi notare come il nome dell'attributo venga seguito da un = e che il valore dell'attributo è sempre racchiuso fra le "". In HMTL5 puoi effettivamente omettere le virgolette quando il valore non include un carattere restrittivo (come >,=, oppure uno spazio), ma questo aumenta il rischio di errori. Guardiamo l'elemento immagine per comprendere al meglio quanto appena detto.

<img src="my-puppy.jpg" alt="This is a picture of my puppy, Bob">

Se si guarda l'attributo alt (è un'abbreviazione di alternate text, testo alternativo) troverai diverse parole. Non è un problema quando si utilizzano le virgolette: indicano che tutto ciò che si trova in mezzo è un valore dell'attributo alt. Ma visto che lo spazio è un carattere restrittivo, non potrai scriverlo così:

<img src="my-puppy.jpg" alt=This is a picture of my puppy, Bob>

Se tu lo facessi, i browser darebbero per scontato che il valore dell'attributo alt sia semplicemente "this" ed il resto del tuo alt-text ("a picture of my puppy, Bob") potrebbe mandare a capo il resto della tua pagina.

Che cosa hai imparato

• Alcuni elementi HTML possono avere degli attributi
• La sintassi per gli attributi è attributo="valore"
• Gli attributi forniscono delle informazioni aggiuntive riguardo ad un elemento
• Gli attributi vengono sempre specificati dal tag di apertura
• Non sei obbligato ad usare le virgolette, ma farlo si rivelerà una buona idea

Sperando che tu abbia compreso le basi dell'HTML, adesso siamo pronti per creare la tua prima pagina web, come vedremo nel prossimo capitolo.