Validador de HTML

Free

Comprueba el HTML en busca de etiquetas sin cerrar, IDs duplicados, elementos obsoletos y otros problemas comunes bien definidos, verificado con su propio analizador de coincidencia de etiquetas, no un validador completo de conformidad W3C.

Esto comprueba problemas de HTML comunes y bien definidos (etiquetas sin cerrar, IDs duplicados, elementos obsoletos, texto alternativo faltante y similares), no es un validador completo de conformidad con la especificación HTML5 del W3C.

Código fuente HTML

Actividad reciente

Visible para todos. Últimos 20 usos de todos los visitantes, más recientes primero.

Aún no hay actividad. Sé el primero.

Comentarios (0)

¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.

Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!

Qué hace esta herramienta

Pega HTML y esta herramienta lo comprueba en busca de un conjunto enfocado de problemas comunes y bien definidos: etiquetas sin cerrar o no coincidentes, atributos id duplicados, texto alternativo faltante en imágenes, elementos obsoletos, sintaxis de autocierre inválida en elementos no vacíos, y declaraciones faltantes de DOCTYPE, lang o charset. Cada problema enlaza de vuelta a la línea en la que se encontró.

Cómo funciona

Un analizador ligero escanea el HTML etiqueta por etiqueta, manteniendo una pila de elementos actualmente abiertos, exactamente como un navegador rastrea el anidamiento internamente, omitiendo comentarios y el contenido de los bloques <script> y <style>. Cuando una etiqueta de cierre no coincide con lo que hay en la cima de la pila, o la pila todavía tiene entradas sobrantes al final, se informan como etiquetas sin cerrar o no coincidentes. Por separado, expresiones regulares escanean en busca de atributos id duplicados, atributos alt faltantes en imágenes, y nombres de elementos obsoletos.

Problemas que resuelve

Encontrar una etiqueta sin cerrar que está rompiendo sutilmente el diseño de una página más abajo.
Detectar atributos id duplicados antes de que hagan que un selector CSS o una llamada getElementById de JavaScript se comporten de forma inesperada.
Detectar elementos obsoletos que quedaron de código antiguo o fragmentos copiados y pegados.
Comprobar aspectos básicos de accesibilidad como el texto alternativo y un idioma de documento declarado.

Preguntas frecuentes

›¿Es esto lo mismo que el Validador de Marcado del W3C?

No. El validador oficial del W3C comprueba la conformidad total con la especificación HTML, cientos de reglas que cubren cada elemento y atributo. Esta herramienta se centra en un conjunto más pequeño de problemas comunes y bien definidos que son realmente útiles detectar pronto: etiquetas sin cerrar, IDs duplicados, elementos obsoletos y algunas comprobaciones de atributos faltantes. Para un informe de conformidad completo, usa el validador del W3C junto con esta herramienta.

›¿Por qué marca la falta de DOCTYPE, lang o charset como advertencias en lugar de errores?

Los navegadores seguirán renderizando una página sin estos, así que no son fatales, pero afectan la accesibilidad, la internacionalización y cuán fiablemente el navegador elige un modo de renderizado. Se marcan porque arreglarlos es casi siempre lo correcto, no porque la página esté rota sin ellos.

›¿Qué cuenta aquí como una etiqueta "obsoleta"?

Elementos que la especificación HTML5 marca explícitamente como obsoletos, como <center>, <font>, <marquee> y <acronym>, generalmente porque CSS ahora cubre lo que hacían, de una manera que separa el contenido de la presentación. Todavía funcionan en los navegadores por compatibilidad hacia atrás, pero no deberían usarse en código nuevo.

›¿Comprueba el contenido dentro de las etiquetas <script> o <style>?

No, su contenido se omite por completo durante la coincidencia de etiquetas, ya que JavaScript o CSS pueden contener fácilmente texto que parece una etiqueta HTML (dentro de una cadena, por ejemplo) sin serlo realmente, lo que de otro modo produciría falsos positivos.

›¿Por qué se marca la sintaxis de autocierre como <div />?

En HTML (a diferencia de XML o XHTML), una barra diagonal final en un elemento no vacío como <div> o <span> simplemente se ignora, el elemento NO se considera cerrado por ello, y aún necesita su propia etiqueta de cierre separada. Esta es una fuente común de errores accidentales de etiquetas sin cerrar al copiar patrones de JSX o XML.

Convierte texto escrito o una imagen subida en arte ASCII. Elige un estilo de fuente o una escala de caracteres, conserva el color y exporta como texto plano o PNG.