Corsi on-line

L’elemento abbr in HTML5

Cominciamo subito col dire che abbr non è un elemento introdotto da HTML5 ma che è stato ereditato dalle precedenti versioni del markup, ciò senza una ridefinizione ma con un’estensione del suo ambito di utilizzo; infatti, con le specifiche standard più recenti è stato rimosso il supporto per l’elemento acronym (ancora valido per HTML 4), motivo per il quale in HTML5 di dovrà utilizzare abbr al posto di quest’ultimo.

html5Sostanzialmente l’elemento abbr potrà essere adottato per la rappresentazione di un’abbreviazione o di un acronimo (un nuovo nome formato dalle lettere o dalle sillabe iniziali di più parole); si tratta di una componente inline del markup, questo significa che essa rimane in linea con il resto del contenuto e può contenere soltanto altri elementi inline, a sua volta però può essere contenuto all’interno di elementi inline (strong, a..) o block-level come per esempio la paragrafazione utilizzata nel seguente snippet:

<p>La <abbr title="North Atlantic Treaty Organization">NATO</abbr> è in stato d'allerta.</p>

Trattandosi, come anticipato, di un elemento inline, esso potrà rappresentare anche il contenuto di altri elementi dello stesso tipo:

<p>La <a href="http://www.nato.int"><abbr title="North Atlantic Treaty Organization">NATO</abbr></a> è in stato d'allerta ma attende una risoluzione dell'<abbr>ONU</abbr>.</p>

Come si può osservare, l’attributo title non è sempre obbligatorio è potrà essere utilizzato per fornire informazioni addizionali riguardanti la stringa delimitata; nello stesso modo abbr non dovrà essere utilizzato obbligatoriamente per contenere stringhe composte unicamente da caratteri maiuscoli:

<p>Visita <a href="http://www.mrwebmaster.it"><abbr title="Mr.Webmaster">MrW.</abbr></a>, il network dei Webmaster e dei professionisti ICT.</p>

Qualsiasi elemento delimitato da abbr che sia associato ad un attributo title permetterà di visualizzare quest’ultimo tramite il passaggio del cursore del mouse al di sopra di esso.

Post correlati
I più letti del mese
Tematiche