El elemento <dd> define una descripción, definición o valor en una lista de descripción, usado dentro de etiquetas <dl> para emparejarse con <dt> (Description Term).
Esto es útil al mostrar datos de pares clave‑valor. La información de perfil, configuraciones y estadísticas son ejemplos comunes.
¿Cuándo se deben usar los elementos <figure> y <figcaption>?
La etiqueta <figure> se usa típicamente para envolver contenido autocontenido (media), como una imagen o un gráfico, junto con <figcaption> para proporcionar una leyenda.
Esto es útil para imágenes, diagramas, fragmentos de código y más.
¿Cuál es el propósito del elemento <article> en HTML?
El <article> elemento se usa para definir un bloque de contenido independiente que puede distribuirse o reutilizarse de forma autónoma.
Se suele usar para entradas de blog, artículos de noticias, publicaciones en foros o comentarios de usuarios.
Puedes usar varios <article> en una página (por ejemplo, en páginas con desplazamiento infinito). O bien, puedes anidarlos entre sí para crear una jerarquía de “contenido independiente”.
¿Cuál es el propósito de los elementos <fieldset> y <legend> en un formulario?
<fieldset> se usa para agrupar controles de formulario relacionados, y <legend> proporciona un título/etiqueta para el grupo, mejorando la accesibilidad.
Esto es útil para agrupar elementos de formulario relacionados, como una sección para la dirección de envío o los detalles de pago.
El elemento <meter> se usa para representar una medida escalar (única) dentro de un rango definido, como temperatura, uso de disco o el recuento de votos.
Puede parecer similar a una barra <progress>, sin embargo las barras de progreso SIEMPRE comienzan en cero. Por lo tanto los elementos <progress> muestran un porcentaje de finalización, mientras que un <meter> muestra cualquier valor dentro de un rango definible.
El elemento <hgroup> agrupa un encabezado con contenido secundario relacionado, usualmente uno o más elementos <p>.
Puede ser útil cuando un encabezado tiene un subtítulo, eslogan o título alternativo que no debería convertirse en otro encabezado en el esquema del documento.
El elemento <dialog> se usa para ventanas emergentes o modales, y proporciona marcado semántico, CSS ampliado y una API nativa para estas interacciones.
Usa JavaScript para abrirlo con .showModal() para diálogos modales o .show() para diálogos no modales, y ciérralo con .close() o mediante el envío de un formulario usando method="dialog".
El elemento <time> se usa para fechas, horas o duraciones. Puede incluir contenido legible por humanos y un atributo datetime legible por máquinas. HTML no tiene un elemento <date>.
Los atributos ARIA (Accessible Rich Internet Applications) mejoran la accesibilidad web al proporcionar contexto adicional para lectores de pantalla y otras tecnologías de asistencia.
Existen roles, estados y propiedades que pueden usarse para describir elementos.