MEJOR SITIO PARA DESARROLLADORES WEB
W3Schools en español. La guía de etiquetas completa

Ua En De Fr

Etiqueta HTML <dfn>


Ejemplo

Marcar un término con <dfn>:

<p><dfn>HTML</dfn> es el lenguaje de marcado estándar para crear páginas web.</p>
Try it Yourself »

Más ejemplos de "Try it Yourself" ("pruébalo tú mismo") a continuación.


Definición y uso

La etiqueta <dfn> representa el "elemento de definición" y especifica un término que se definirá dentro del contenido.

El elemento padre más cercano de la etiqueta <dfn> también debe contener la definición/explicación del término.

El término dentro de la etiqueta <dfn> puede ser cualquiera de los siguientes:

1. Así como el contenido del elemento <dfn>:

Ejemplo

<p><dfn>HTML</dfn> es el lenguaje de marcado estándar para crear páginas web.</p>
Try it Yourself »

2. O, con el atributo de title agregado:

Ejemplo

<p><dfn title="HyperText Markup Language">HTML</dfn> es el lenguaje de marcado estándar para crear páginas web.</p>
Try it Yourself »

3. O bien, con una etiqueta <abbr> dentro del elemento <dfn>:

Ejemplo

<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> es el lenguaje de marcado estándar para crear páginas web.</p>
Try it Yourself »

4. O bien, con el atributo id añadido. Entonces, cada vez que se utilice un término, se puede hacer referencia a la definición con una etiqueta <a>:

Ejemplo

<p><dfn id="html-def">HTML</dfn> es el lenguaje de marcado estándar para crear páginas web.</p>

<p>This is some text...</p>
<p>This is some text...</p>
<p>Learn <a href="#html-def">HTML</a> now.</p>
Try it Yourself »

Soporte del navegador

Elemento
<dfn> Yes Yes Yes Yes Yes

Atributos globales

La etiqueta <dfn> también admite los Atributos globales en HTML.


Atributos de eventos

La etiqueta <dfn> también admite los Atributos de eventos en HTML.


Páginas relacionadas

Tutorial HTML: Elementos de cita HTML.

Referencia DOM HTML: Objeto DFN.


Configuración CSS predeterminada

La mayoría de los navegadores mostrarán el elemento <dfn> con los siguientes valores predeterminados:

Ejemplo

dfn {
  font-style: italic;
}
Try it Yourself »