Elemento dfn en HTML

Elemento dfn en html

El elemento html dfn representa la definición de un término la primera vez que se utiliza.

A continuación, se muestra un ejemplo de cómo definir el término «Internet» en HTML5, donde el término definido es el contenido de texto del elemento <dfn>:

<! - Definiendo Internet ->
<p> <dfn id = "def-internet"> Internet 
 </dfn> es una red global que conecta millones de dispositivos a través de TCP / IP. 
</p>

Y más adelante en el mismo documento, definimos el término «World-Wide Web» cuyo valor se toma de la propiedad del title elemento <abbr> dentro del elemento <dfn>. Observe cómo nos referimos a la definición del término «Internet»:

<dl>
   <! - Definiendo "World Wide Web" y haciendo referencia a "Internet" en el párrafo anterior ->
   <dt>
     <dfn>
       <abbr title = "La World Wide Web"> WWW </abbr>
     </dfn>
   </dt>
   <dd> La World Wide Web es una colección de documentos a los que se puede acceder a través de
   <a href="#def-internet"> Internet </a>. </dd>
</dl>

Etiqueta html dfn

Clasificaciones de contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido simple, pero el elemento no se puede utilizar <dfn> en él.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.

La propiedad tiene title un significado especial en HTML5, que se menciona en las notas de uso a continuación.

Descripción de uso

  • Dentro del elemento <dfn> es el término que se define, y la explicación de este término es el uso de una adyacente elemento <p><section> o una lista de descripción (usando los dos elementos <dt><dd>).
  • El término que se definirá se determina siguiendo las siguientes reglas:
    1. Si un elemento <dfn> tiene la propiedad title, entonces el término definido es el valor de esa propiedad.
    2. Y si contiene un elemento <abbr> que tiene la propiedad title, entonces el término definido será el valor de esa propiedad.
    3. De lo contrario, el contenido textual dentro del elemento <dfn> es el término que se definirá.

Formato de artículo

La mayoría de los navegadores renderizan el elemento <dfn> con el estilo de fuente (propiedad font-style) establecido en italic:

dfn {
  font-style: italic;
}