Resumen
Este validador está pensado para revisar el marcado, no el diseño. Analiza el árbol HTML para encontrar elementos inseguros, IDs repetidos, anidación incorrecta, enlaces vacíos, alt faltantes y otros fallos estructurales que suelen colarse en plantillas y contenido pegado desde editores. Resulta útil cuando necesitas saber si un fragmento puede publicarse o incrustarse sin romper scripts, anclas o accesibilidad. El informe separa errores de advertencias para que puedas corregir primero lo que realmente afecta al documento.
Casos de uso
- Revisión de plantillas antes de lanzarComprueba plantillas de páginas y artículos para detectar anidación inválida, atributos faltantes e IDs repetidos.
- Auditoría de contenido de CMSRevisa código copiado desde un editor o sistema antiguo para encontrar etiquetas inseguras, enlaces vacíos y marcado desordenado.
- Corrección de accesibilidadDetecta IDs duplicados, enlaces vacíos e imágenes sin alt útil que pueden perjudicar la lectura asistida.
- Limpieza de HTML exportadoAnaliza HTML generado por constructores visuales o editores de correo, donde suelen aparecer elementos no admitidos.
- Comprobación de fragmentos embebidosVerifica que un snippet o widget no incluya etiquetas o atributos que interfieran con la página anfitriona.
Como funciona
- 1
Pega el HTML en el campo de entrada.
- 2
Ejecuta el análisis de etiquetas, atributos, anidación e IDs.
- 3
Revisa los errores y advertencias del informe.
- 4
Corrige el código y vuelve a validarlo.
Ejemplos
ID duplicado
Entrada: <section id="promo"><a id="cta" href="/start">Empezar</a><button id="cta">Ir</button></section>
Salida: Señala el id="cta" repetido y los elementos implicados.
Útil cuando un mismo identificador se reutiliza en varios controles.
Detección de etiqueta insegura
Entrada: <div class="note">Hola</div><script>track()</script>
Salida: Marca la etiqueta script como marcado inseguro para contenido publicado.
Muestra cómo trata el validador el código que conviene eliminar antes de publicar.
Anidación y atributos
Entrada: <p><div>Roto</div></p><img src="cover.jpg">
Salida: Informa de anidación inválida y falta de alt en la imagen.
Ayuda a encontrar problemas estructurales fáciles de pasar por alto en HTML copiado.
FAQ
¿El validador modifica mi HTML?
No. Solo analiza la entrada y devuelve errores, advertencias y notas de estructura.
¿Qué considera marcado inseguro?
Etiquetas y patrones de riesgo en contenido publicado, como elementos tipo script u otros marcados por el validador.
¿Por qué es un problema un ID duplicado?
Los IDs deben ser únicos. Si dos elementos comparten ID, los enlaces internos, scripts y relaciones de accesibilidad pueden apuntar al nodo equivocado.
¿Importan los enlaces vacíos y los alt ausentes?
Sí. Se informan porque debilitan la estructura del documento y dificultan su uso correcto.
¿Por qué un HTML aparentemente correcto muestra avisos?
Un fragmento puede ser válido en apariencia y aun así contener IDs repetidos, atributos vacíos o elementos no admitidos que el validador detecta.