Da por sabido escribir etiquetas y va a lo que separa a quien "sabe HTML" de quien construye páginas que funcionan para todo el mundo: el árbol de accesibilidad, los formularios nativos, el orden de carga y las trampas de seguridad que se abren en el propio marcado. Es el único curso del catálogo donde tu código se renderiza de verdad: lo ejecuta el navegador en un Shadow DOM y las correcciones consultan el DOM resultante, no el texto que escribiste — así que cualquier solución correcta pasa, aunque no sea la mía. Once módulos y once ejercicios, cuatro de ellos con editor y vista previa en vivo.
Temario 目次
Nivel 1 — El documento
Lo que el navegador decide antes de pintarEl editor, las comprobaciones sobre el DOM y las dos diferencias con un navegador real.
DOCTYPE, charset en los primeros 1024 bytes, lang y viewport. Cuatro líneas y cuatro clases de bug.
Landmarks, jerarquía de encabezados y por qué section no es un div bonito.
Nivel 2 — Contenido
Imágenes, formularios y datossrcset, sizes, el par width/height que arregla el CLS y el alt que de verdad sirve.
Tipos, autocomplete, validación nativa. Este módulo va de borrar JavaScript, no de escribirlo.
caption, scope y la única estructura que casi nadie hace accesible.
Nivel 3 — Calidad
Accesibilidad, rendimiento y seguridadLas cinco reglas, y la primera es no usar ARIA. Con caza de bugs sobre un falso botón.
defer, async, preload y por qué el CSS bloquea el render pero no el parseo.
Tabnabbing, sandbox e integridad de subrecursos. Agujeros que se abren en el marcado.
Nivel 4 — Cierre
Metadatos y proyectoOpen Graph, JSON-LD y lo que ve un buscador. Con el aviso legal sobre el precio anunciado.
Una ficha de curso completa, con trece comprobaciones sobre el DOM que produces.