Het element <dfn>

Attributen

De attributen van dit element omvatten de globale attributen.

Het title-attribuut heeft een speciale betekenis, zoals hieronder beschreven.

Gebruiksopmerkingen

Er zijn enkele niet geheel voor de hand liggende aspecten aan het gebruik van het <dfn>-element. We bekijken die hier.

De term specificeren die gedefinieerd wordt

De te definiëren term wordt geïdentificeerd volgens de volgende regels:

1. Als het <dfn>-element een title-attribuut heeft, wordt de waarde van het title-attribuut beschouwd als de term die gedefinieerd wordt. Het element moet nog steeds tekst bevatten, maar die tekst mag een afkorting zijn (mogelijk met behulp van <abbr>) of een andere vorm van de term.
2. Als de <dfn> een enkel onderliggend element bevat en zelf geen tekstinhoud heeft, en het onderliggende element een <abbr>-element is met zelf een title-attribuut, dan is de exacte waarde van de title van het <abbr>-element de term die gedefinieerd wordt.
3. Anders is de tekstinhoud van het <dfn>-element de term die gedefinieerd wordt. Dit wordt getoond in het eerste voorbeeld hieronder.

Links naar <dfn>-elementen

Als u een id-attribuut opneemt bij het <dfn>-element, kunt u er vervolgens naar linken met behulp van <a>-elementen. Dergelijke links zouden gebruiken van de term moeten zijn, met de bedoeling dat de lezer snel naar de definitie van de term kan navigeren als deze er nog niet bekend mee is, door op de link van de term te klikken.

Dit wordt getoond in het voorbeeld onder Links naar definities hieronder.

Voorbeelden

Laten we eens kijken naar enkele voorbeelden van verschillende gebruiksscenario's.

Basisidentificatie van een term

Dit voorbeeld gebruikt een gewoon <dfn>-element om de locatie van een term binnen de definitie aan te geven.

HTML

<p>
  The <strong>HTML Definition element (<dfn>&lt;dfn&gt;</dfn>)</strong> is used
  to indicate the term being defined within the context of a definition phrase
  or sentence.
</p>

Omdat het <dfn>-element geen title heeft, wordt de tekstinhoud van het <dfn>-element zelf gebruikt als de term die gedefinieerd wordt.

Resultaat

Links naar definities

Om links naar definities toe te voegen, maakt u de link op dezelfde manier als altijd, met het <a>-element.

HTML

<p>
  The
  <strong>HTML Definition element (<dfn id="definition-dfn">&lt;dfn&gt;</dfn>)</strong>
  is used to indicate the term being defined within the context of a definition
  phrase or sentence.
</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>
  Because of all of that, we decided to use the
  <code><a href="#definition-dfn">&lt;dfn&gt;</a></code> element for this
  project.
</p>

Hier zien we de definitie — nu met een id-attribuut, "definition-dfn", dat gebruikt kan worden als het doel van een link. Later wordt er een link gemaakt met <a> waarbij het href-attribuut is ingesteld op "#definition-dfn", om de link terug naar de definitie op te zetten.

Resultaat

Afkortingen en definities samen gebruiken

In sommige gevallen wilt u misschien een afkorting gebruiken voor een term bij het definiëren ervan. Dit kan gedaan worden door de elementen <dfn> en <abbr> samen te gebruiken, zoals hier:

HTML

<p>
  The <dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn> is among the
  most productive scientific instruments ever constructed. It has been in orbit
  for over 20 years, scanning the sky and returning data and photographs of
  unprecedented quality and detail.
</p>

<p>
  Indeed, the <abbr title="Hubble Space Telescope">HST</abbr> has arguably done
  more to advance science than any device ever built.
</p>

Merk op dat het <abbr>-element genest is binnen de <dfn>. Het eerste geeft aan dat de term een afkorting is ("HST") en specificeert de volledige term ("Hubble Space Telescope") in het title-attribuut ervan. Het laatste geeft aan dat de afgekorte term een term voorstelt die gedefinieerd wordt.

Resultaat

Technische samenvatting

Zie ook

• <dl>
• <dt>
• <dd>
• <abbr>