Etiqueta HTML <dfn>
La etiqueta <dfn> se utiliza para definir el término que se especifica en el contexto de una frase u oración de definición. En el navegador, el contenido de la etiqueta se muestra en cursiva.
La <p> tag, el par <dt>/<dd> o la etiqueta <section> actúan como el contexto de definición para el término.
El término definido se identifica con las siguientes reglas:
- Si
<dfn>tiene un atributotitle, el valor de este atributo se considera el término que se está definiendo. El texto dentro del elemento puede ser una abreviatura (probablemente usando<abbr>). - Si
<dfn>tiene un solo elemento hijo que es un elemento<abbr>con un atributotitle, y el elemento<dfn>no tiene su propio contenido de texto, entonces el valor exacto deltitlede<abbr>será el término que se está definiendo. - Si no es este el caso, el contenido de texto de
<dfn>es el término que se está definiendo.
Si se incluye un atributo id en el elemento <dfn>, entonces puedes enlazar a este elemento con elementos <a>. Estos enlaces ayudan al lector a navegar rápidamente a la definición del término haciendo clic en el enlace.
Sintaxis
La etiqueta <dfn> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<dfn>) y cierre (</dfn>).
Ejemplo de la etiqueta HTML <dfn>:
Definición HTML|Ejemplo de la etiqueta HTML <dfn>>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><dfn>HTML</dfn> (HyperText Markup Language ) — The standardized markup language for documents on the World Wide Web. Most web pages contain a description of the markup in the language HTML</p>
</body>
</html>Resultado
En el siguiente ejemplo, el valor del atributo title se considera el término que se está definiendo.
Ejemplo de la etiqueta HTML <dfn> con un atributo title:
Pasa el cursor para ver la definición|Ejemplo de la etiqueta HTML <dfn>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn title="HyperText Markup Language">HTML</dfn>
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <dfn> con la etiqueta HTML <abbr>:
Ejemplo de la etiqueta HTML <dfn> con la etiqueta <abbr>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| title | Especifica la definición de un término (se muestra al pasar el cursor). |
La etiqueta <dfn> también admite los Atributos Globales y los Atributos de Eventos.
Cómo dar estilo a una etiqueta HTML <dfn>
dfn {
color: #0056b3;
font-weight: bold;
}Práctica
¿Cuál es el uso y la función correctos de la etiqueta HTML <dfn> según el contenido encontrado en el sitio web de W3Docs?