HTML mette a disposizione alcuni tag dedicati alle citazioni, alle abbreviazioni e alle informazioni di contatto. Oltre a modificare leggermente l'aspetto del testo, questi elementi aggiungono un significato semantico che aiuta browser, motori di ricerca e tecnologie assistive a interpretare correttamente il contenuto della pagina.
Per indicare un'abbreviazione o una sigla si utilizza il tag <abbr>. È consigliabile specificarne anche il significato completo tramite l'attributo title=”valore”, che viene mostrato come suggerimento quando l'utente passa il mouse sopra l'abbreviazione.
<p>Il <abbr>FAI</abbr> aiuta a tutelare il patrimonio italiano.</p>
L'utilizzo di <abbr> migliora la semantica della pagina, facilitando la comprensione del contenuto sia ai browser sia ai motori di ricerca.
Per riportare una citazione lunga proveniente da un'altra fonte si utilizza il tag <blockquote>. Nella maggior parte dei browser il testo viene visualizzato con un rientro rispetto al resto della pagina, così da distinguerlo chiaramente dal contenuto principale. Per indicare la fonte della citazione puoi utilizzare l'attributo cite=”valore”.
<blockquote cite="https://biadets.com/where-start"> Se una pagina web fosse un uomo,
HTML sarebbe lo scheletro, CSS la pelle e i vestiti,
JavaScript farebbe muovere le mani e i piedi, e PHP sarebbe il cervello.</blockquote>
Specificare la fonte aiuta a rendere il contenuto più chiaro e migliora la struttura semantica del documento HTML.
Per le citazioni di poche parole o di una singola frase si utilizza il tag <q>. Nella maggior parte dei browser, le virgolette vengono aggiunte automaticamente all'inizio e alla fine della citazione.
<p>Il sito del FAI dice che: <q>la fondatrice del FAI si chiama Elena Croce</q>.</p>
Il tag <cite> serve per indicare il titolo di un'opera, come un libro, un film, un dipinto, una canzone o un articolo. Generalmente il browser lo visualizza in corsivo. Non è pensato per racchiudere il nome dell'autore, ma il titolo dell'opera stessa.
<p>I promessi sposi sono stati scritti da <cite>Manzoni</cite>.</p>
Per inserire informazioni di contatto si utilizza il tag <address>. Al suo interno possono essere riportati, ad esempio, il nome dell'autore della pagina, un indirizzo, un numero di telefono o un indirizzo email. Nella maggior parte dei browser il contenuto viene visualizzato in corsivo e separato dal resto del testo con uno spazio sopra e sotto.
<address>
Mario Rossi.<br/>
Scritto in data 20/01/2001.<br/>
www.example.com<br/>
Roma, Via Roma 1
123 345 6789
</address>