Categoría: Referencia de HTML

Cree dos grupos de botones de opción independientes e inspeccione sus valores enviados en un ejemplo completo. Aprenda cómo name, id, value, checked, required, reset, labels y la selección mediante teclado funcionan juntos.

Compara el énfasis de entonación con la importancia en un ejemplo completo de HTML. Aprende cuándo usar em, strong, b o CSS font-weight y por qué el estilo visual no reemplaza el significado semántico.

Calcule la finalización de la tarea con valor y máximo, y cambie a progreso indeterminado en un ejemplo interactivo completo. Aprenda a nombrar la tarea, anunciar su estado y distinguir el progreso del medidor.

Compara la asociación explícita mediante for/id con un control dentro de label en un ejemplo completo. Comprueba los clics, el teclado, las descripciones y los identificadores duplicados.

Asigne un título completo a una tabla con caption y distíngalo de los encabezados. Un ejemplo completo muestra cómo caption-side mueve el título por encima o por debajo de la tabla y explica consideraciones de accesibilidad.

Compara los saltos de línea con br con el formato del código fuente y los párrafos separados en un ejemplo completo. Una tabla comparativa explica cuándo elegir p, wbr o pre y por qué el margen de CSS debe controlar el espaciado de los párrafos.

Distingue los datos de contacto del autor y del responsable del sitio con un ejemplo completo. Aprende cuándo usar address, cómo funcionan los enlaces mailto y qué contenido y estilos son adecuados.

Compara los nombres y valores de select y option en un formulario funcional con selecciones requeridas y múltiples. Verifica la exclusión de campos deshabilitados, los valores predeterminados seleccionados, el comportamiento de reinicio y cómo leer todos los valores seleccionados.

Compara JavaScript desactivado con un error de ejecución mediante un ejemplo completo de noscript. Aprende a conservar las indicaciones esenciales y a ubicar el contenido alternativo en body y head.

Compara leyendas antes y después de contenido autónomo usando un ejemplo completo de figure y figcaption. Aprende cómo los leyendas difieren del texto alternativo de la imagen y cómo el ejemplo SVG se adapta a una pantalla estrecha.