<dfn>: l'elemento di "definizione"

L'elemento HTML <dfn> viene utilizzato per indicare il termine da definire nel contesto di una frase o frase di definizione.

Note d'uso

Ci sono alcuni aspetti non del tutto ovvi nell'uso dell'elemento <dfn>. Esaminiamoli qui.

Specificare il termine in fase di definizione

Il termine in fase di definizione è individuato seguendo queste regole:

  1. Se l'elemento <dfn> ha un attributo title, il valore dell'attributo title è considerato il termine da definire. L'elemento deve avere del testo al suo interno, ma quel testo può essere un'abbreviazione (magari usando <abbr>) o un'altra forma del termine.

  2. Se <dfn> contiene un singolo elemento figlio e non ha alcun contenuto di testo proprio e l'elemento figlio è un elemento <abbr> con un attributo title stesso, allora il valore esatto di title dell'elemento <dfn> è il termine che viene definito.

  3. In caso contrario, il contenuto testuale dell'elemento <dfn> è il termine da definire.

Nota: se l'elemento <dfn> ha un attributo title, deve contenere il termine da definire e nessun altro testo.

Collegamenti agli elementi <dfn>

Se includi un attributo id nell'elemento <dfn>, puoi collegarlo ad esso usando gli elementi <a>. Tali collegamenti dovrebbero essere "soliti" del termine, con l'intento che il lettore possa navigare rapidamente alla definizione del termine se non ne è già a conoscenza, facendo clic sul collegamento del termine.

Esempi

Diamo un'occhiata ad alcuni esempi di vari scenari di utilizzo.

Identificazione di base di un termine

Questo esempio utilizza un elemento <dfn> semplice per identificare la posizione di un termine all'interno della definizione.

HTML

<p><strong>L'elemento HTML Definizione </strong>
(<strong><dfn>dfn</dfn></strong>) è usato per indicare
il termine che da definire all'interno del contesto di una frase. </p>

Poiché l'elemento <dfn> non ha title, il contenuto testuale dell'elemento <dfn> stesso viene utilizzato come termine da definire.

Collegamenti alle definizioni

Per aggiungere collegamenti alle definizioni, crei il collegamento come fai sempre, con l'elemento <a>.

HTML

<p>L'elemento HTML Definizione </strong>
(<strong><dfn id="defizione-dfn">dfn</dfn></strong>) è usato per indicare
il termine che da definire all'interno del contesto di una frase. </p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Graece
donan, Latine voluptatem vocant. Confecta res esset. Duo Reges:
constructio interrete. Scrupulum, inquam, abeunti;</p>

<p>Negare non possum. Dat enim intervalla et relaxat. Quonam modo?
Equidem e Cn. Quid de Pythagora? In schola desinis.</p>

<p>Ubi ut eam caperet aut quando? Cur iustitia laudatur? Aperiendum
est igitur, quid sit voluptas; Quid enim? Non est igitur voluptas
bonum. Urgent tamen et nihil remittunt. Quid enim possumus hoc
agere divinius?</p>

<p>Per queste ragioni, abbiamo deciso di usare 
<code><a href="definitione-dfn">dfn</a></code>
per questo progetto.</p>

Qui vediamo la definizione, ora con un attributo id"definition-dfn", che può essere utilizzato come destinazione di un collegamento. Successivamente, viene creato un collegamento utilizzando <a> con l'attributo href impostato su "#definition-dfn" per ripristinare il collegamento alla definizione.

Usare abbreviazioni e definizioni

In alcuni casi, potresti voler utilizzare un'abbreviazione per un termine quando lo definisci. Questo può essere fatto usando gli elementi in tandem <dfn> e <abbr>, in questo modo:

HTML

<p>Il <dfn><abbr title="Hubble Space Telescope">HST </abbr></dfn>
è tra gli strumenti scientifici più produttivi mai costruiti.
È in orbita da oltre 20 anni, scansionando il cielo e
restituire dati e fotografie di qualità senza precedenti e
dettaglio. </p>

<p>Infatti, il <abbr title="Hubble Space Telescope">HST </abbr> 
probabilmente ha fatto più, per far avanzare la scienza, di qualsiasi dispositivo mai costruito. </p>

Nota l'elemento <abbr> annidato all'interno di <dfn>. Il primo stabilisce che il termine è un'abbreviazione ("HST") e specifica il termine completo ("Hubble Space Telescope") nel suo attributo title. Quest'ultimo indica che il termine abbreviato rappresenta un termine in via di definizione.