<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:
-
Se l'elemento
<dfn>
ha un attributotitle
, il valore dell'attributotitle
è 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. -
Se
<dfn>
contiene un singolo elemento figlio e non ha alcun contenuto di testo proprio e l'elemento figlio è un elemento<abbr>
con un attributotitle
stesso, allora il valore esatto dititle
dell'elemento<dfn>
è il termine che viene definito. -
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.