Tienda
0


















La imagen muestra un fondo azul con un texto centrado en letras blancas que muestra la palabra 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:

  1. accesskey: Proporciona una clave de acceso para un elemento.
  2. class: Define una o varias clases de CSS para un elemento.
  3. contenteditable: Indica si el contenido del elemento es editable.
  4. dir: Define la dirección del texto.
  5. draggable: Indica si el elemento es arrastrable.
  6. hidden: Indica que el elemento no es relevante (oculto).
  7. id: Proporciona un identificador único.
  8. lang: Define el idioma del contenido del elemento.
  9. spellcheck: Indica si el contenido debe ser revisado ortográficamente.
  10. style: Contiene declaraciones CSS en línea.
  11. tabindex: Define el orden de tabulación.
  12. title: Contiene texto adicional sobre el elemento, que suele mostrarse como tooltip.
  13. 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.




Colaboraciónes de nuestros usuarios

¿Tienes algo que agregar? ¡Déjanos tu colaboración!