Validador HTML
Respuesta breve
Comprueba lo básico del documento (doctype, idioma, charset, viewport, título, IDs únicos), las etiquetas y atributos HTML obsoletos y cómo se incrustan los iframes.
Qué hace
Comprueba el HTML de una página en tres partes. Aspectos básicos del documento: un DOCTYPE, un atributo `lang`, una declaración de conjunto de caracteres, una etiqueta meta viewport, un `<title>` y valores `id` únicos. HTML obsoleto: etiquetas como `<center>`, `<font>` y `<marquee>`, y atributos de presentación como `align` y `bgcolor`. Marcos integrados: si cada iframe tiene un título, si carga de forma diferida cuando está fuera de pantalla, si está aislado (sandboxed) cuando procede de otro sitio y si usa HTTPS. Cada parte enumera lo que ha encontrado.
Por qué importa
Los navegadores reparan el marcado defectuoso de forma silenciosa, pero la tecnología de asistencia y los rastreadores trabajan con lo que produce el intérprete. Una etiqueta `lang` o viewport ausente, ID duplicados, restos de presentación e iframes sin título son problemas pequeños y fáciles de corregir que afectan a la accesibilidad, la representación en móviles y la fiabilidad con la que se lee la página.
Cómo funciona
-
Introduce la URL de una página o pega su HTML
-
Interpretamos el HTML sin procesar en tu navegador
-
Ejecutamos las comprobaciones de aspectos básicos del documento, HTML obsoleto e iframes
-
Devolvemos un resultado por cada parte, con los ID duplicados, los elementos obsoletos y los iframes que encontramos
Ejemplo de entrada y salida
url: https://rankproof.eu/tools
Aspectos básicos del documento 100/100 DOCTYPE HTML5 declarado OK atributo lang de html configurado OK codificación de caracteres declarada OK meta viewport presente OK elemento title presente OK sin ID duplicados OK HTML obsoleto 100/100 sin etiquetas obsoletas (center, font, …) OK sin atributos obsoletos (align, …) OK Marcos integrados (iframes): 2 todos los iframes tienen título warn (1 de 2) los iframes fuera de pantalla cargan de forma diferida OK los iframes de terceros están aislados (sandboxed) OK todos los iframes usan HTTPS OK 2 de 3 áreas están bien
Quién lo usa
-
Desarrollador/a frontend
Comprueba una compilación de vista previa antes de fusionarla y corrige los ID duplicados o las etiquetas meta ausentes antes de publicarla.
-
Ingeniero/a de QA
Añade la comprobación a tu lista de verificación de lanzamiento para detectar el marcado que rompió un cambio de plantilla del CMS.
-
Auditor/a de accesibilidad
Resuelve los iframes sin título, el atributo lang ausente y los ID duplicados antes de empezar una revisión WCAG completa.
Preguntas frecuentes
¿Son los errores de HTML un factor de posicionamiento?
No directamente: Google ha dicho que el HTML válido no es un factor de posicionamiento. El marcado roto puede seguir causando problemas indirectos, como datos estructurados o contenido que no se lee de la forma prevista.
¿Qué cuenta como HTML obsoleto?
Elementos y atributos que el estándar HTML ya no admite para la presentación, como `<center>`, `<font>`, `<marquee>`, `<big>`, `<strike>`, `align`, `bgcolor` y `border`. Sustitúyelos por CSS.
¿Por qué necesitan título los iframes?
Los lectores de pantalla anuncian el título para que las personas sepan qué contiene un marco antes de entrar en él. Forma parte de dar a cada marco un nombre accesible según WCAG 2.1.
¿Valida el contenido representado con JavaScript?
No: comprobamos el HTML sin procesar, ya sea pegado o descargado directamente, no el DOM después de que se ejecute JavaScript.
¿Comprueba todas las reglas de HTML?
No: es una comprobación rápida de los aspectos básicos, el marcado obsoleto y los iframes, no un validador completo del estándar HTML.