Corsi on-line

HTML5: differenza tra blockquote e cite

Con l’affermarsi di HTML5 come nuovo Web standard, alcuni elementi già presenti nelle precedenti versioni di HTML hanno dovuto trovare una collocazione più precisa in modo da non sovrapporsi o essere confusi con quelli introdotti più di recente; tra gli elementi il cui significato è stato necessariamente aggiornato vi sono anche blockquote e cite che potrebbero svolgere almeno apparentemente un ruolo simile.

html5 logoDal punto di vista pratico l’elemento blockquote dovrebbe essere introdotto per rappresentare e delimitare (quoting) del contenuto proveniente da una fonte di dati esterna (ad esempio un’enciclopedia online o un altro Blog); cite, invece, potrebbe essere utilizzato a corredo del testo presente in blockquote per mettere a disposizione ulteriori informazioni, come per esempio il nome dell’autore citato o introdurre un collegamento alla pagina da cui è stato prelevato il contenuto.

Quanto detto viene confermato attraverso le specifiche diffuse dal W3C:

The cite element represents a reference to a creative work. It must include the title of the work or the name of the author(person, people or organization) or an URL reference, or a reference in abbreviated form as per the conventions used for the addition of citation metadata.

Un semplice esempio dell’uso combinato di questi due elementi potrebbe essere il seguente:

<blockquote>
<p>...Vita bestial mi piacque e non umana, sì come a mul ch'io fui; son Vanni Fucci bestia, e Pistoia mi fu degna tana.</p>
<footer>
— <cite><a href="http://divinacommedia.weebly.com/inferno-canto-xxiv.html">Dante Alighieri</a></cite>
</footer>
</blockquote>

Avendo come riferimento il codice proposto si possono fare alcune osservazioni: cite viene proposto all’interno di blockquote perché, come anticipato, propone delle informazioni a completamento del contenuto riportato; cite è poi  ulteriormente annidato all’interno dell’elemento footer, quest’ultimo infatti può rappresentare anche il piè di pagina di una singola sezione, delimitando dei metadati riguardanti i contenuti da essa introdotti.

Per approfondire

Post correlati
I più letti del mese
Tematiche