Definición destacada
¿Como funciona el comando en HTML5: 'dd'?
Última modificación: 2024-06-17
Instrucción HTML5: <dd>
El elemento <dd> en HTML5 se utiliza dentro de listas de definiciones para proporcionar la descripción o el valor de un término dentro de un par término-definición. Un conjunto de términos y definiciones está envuelto por el elemento <dl> (definition list).
El elemento <dd> no tiene atributos específicos propios además de los atributos globales que son comunes a todos los elementos HTML. Los atributos globales incluyen:
- accesskey: Proporciona una clave de acceso para un elemento.
- class: Define una o varias clases de CSS para un elemento.
- contenteditable: Indica si el contenido del elemento es editable.
- dir: Define la dirección del texto.
- draggable: Indica si el elemento es arrastrable.
- hidden: Indica que el elemento no es relevante (oculto).
- id: Proporciona un identificador único.
- lang: Define el idioma del contenido del elemento.
- spellcheck: Indica si el contenido debe ser revisado ortográficamente.
- style: Contiene declaraciones CSS en línea.
- tabindex: Define el orden de tabulación.
- title: Contiene texto adicional sobre el elemento, que suele mostrarse como tooltip.
- translate: Indica si el contenido de un elemento debe ser traducido o no.
Uso del Elemento <dd> en HTML5
El uso básico del elemento <dd> se ejemplifica dentro de una lista de definiciones (
- ), junto con los elementos
<dt> (definition term) que define el término y <dd> que define la descripción del término.
Ejemplo 1: Lista de definiciones básica
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de Lista de Definiciones</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>Lenguaje de marcado para la creación de páginas web.</dd>
<dt>CSS</dt>
<dd>Lenguaje de estilo utilizado para describir la presentación de un documento escrito en HTML.</dd>
<dt>JavaScript</dt>
<dd>Lenguaje de programación que permite realizar operaciones complejas en páginas web.</dd>
</dl>
</body>
</html>Ejemplo 2: Lista de definiciones con múltiples descripciones
En una lista de definiciones, un término (<dt>) puede tener múltiples descripciones (<dd>).
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de Múltiples Descripciones</title>
</head>
<body>
<dl>
<dt>Python</dt>
<dd>Lenguaje de programación interpretado.</dd>
<dd>Conocido por su sintaxis clara y su versatilidad.</dd>
<dt>Java</dt>
<dd>Lenguaje de programación orientado a objetos.</dd>
<dd>Utilizado ampliamente en aplicaciones empresariales y móviles.</dd>
</dl>
</body>
</html>En este ejemplo, cada término (<dt>) tiene más de una descripción (<dd>), lo que proporciona una mayor riqueza de información sobre cada término.
En conclusión, el elemento <dd> en HTML5 es una pieza fundamental para la construcción de listas de definiciones, ayudando a estructurar y definir claramente términos y sus correspondientes descripciones en una página web.