10 – Citazione HTML ed elementi di citazione

In questo capitolo esamineremo gli elementi : <blockquote><q><abbr><address><cite><bdo> HTML.

Here is a quote from WWF’s website:

Ecco una citazione dal sito web del WWF: Per 60 anni, il WWF ha lavorato per aiutare le persone e la natura a prosperare. In qualità di organizzazione leader mondiale per la conservazione, il WWF opera in quasi 100 paesi. Ad ogni livello, collaboriamo con persone di tutto il mondo per sviluppare e fornire soluzioni innovative che proteggano le comunità, la fauna selvatica e i luoghi in cui vivono.
<html>
<body>

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Ecco una citazione dal sito web del WWF:
Per 60 anni, il WWF ha lavorato per aiutare le persone e la natura a prosperare. In qualità di organizzazione leader mondiale per la conservazione, il WWF opera in quasi 100 paesi. 
Ad ogni livello, collaboriamo con persone di tutto il mondo per sviluppare e fornire soluzioni innovative che proteggano le comunità, la fauna selvatica e i luoghi in cui vivono.
</blockquote>

</body>
</html>

HTML <blockquote> per citazioni

Il tag HTML <q> definisce una breve citazione.
I browser normalmente inseriscono le virgolette intorno alla citazione.

Esempio

WWF’s goal is to: Build a future where people live in harmony with nature.

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

HTML <abbr> per le abbreviazioni

Il tag HTML <abbr> definisce un‘abbreviazione o un acronimo, come “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.
La marcatura delle abbreviazioni può fornire informazioni utili a browser, sistemi di traduzione e motori di ricerca.

Suggerimento: utilizza l’attributo globale del titolo per mostrare la descrizione dell’abbreviazione/acronimo quando passi il mouse sopra l’elemento. 

Esempio

The WHO was founded in 1948.

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

<indirizzo> HTML per le informazioni di contatto

Il tag HTML <address> definisce le informazioni di contatto per l’autore/proprietario di un documento o di un articolo.
Le informazioni di contatto possono essere un indirizzo e-mail, un URL, un indirizzo fisico, un numero di telefono, un gestore di social media, ecc.
Il testo nell’elemento <address> di solito viene visualizzato in corsivo e i browser aggiungeranno sempre un’interruzione di riga prima e dopo l’ <address>elemento.

Esempio

Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cite> per il titolo dell’opera

Il <cite> tag HTML definisce il titolo di un’opera creativa (ad esempio un libro, una poesia, una canzone, un film, un dipinto, una scultura, ecc.).
Nota: il nome di una persona non è il titolo di un’opera.
Il testo nell’elemento <cite> di solito viene visualizzato in corsivo .

Esempio

The Scream by Edvard Munch. Painted in 1893.

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> per override bidirezionale

BDO è l’acronimo di Bi-Directional Override.
Il tag HTML <bdo> viene utilizzato per sovrascrivere la direzione del testo corrente:

This text will be written from right to left
<bdo dir="rtl">This text will be written from right to left</bdo>

Citazione HTML ed elementi di citazione

TagDescrizione
<abbr>Definisce un’abbreviazione o un acronimo
<address>Definisce le informazioni di contatto per l’autore/proprietario di un documento
<bdo>Definisce la direzione del testo
<blockquote>Definisce una sezione citata da un’altra fonte
<cite>Definisce il titolo di un’opera
<q>Definisce una breve citazione in linea
La tabella contiene gli elementi di citazione in HTML

Pubblicato da Luca Bocaletto

Sviluppatore, Creatore, Musicista, Artista, Radiantista, Scacchista.