Formateador e inspector de HTML

Selecciona el archivo .html o .htm o pega el código y aparecerá como texto fuente, con la lista de hallazgos estructurales al lado. Nada se renderiza, de modo que ves etiquetas, atributos y comentarios tal como están escritos. Por defecto solo se inspecciona; si quieres una copia ordenada, cambia la transformación a Reindentar y descárgala.

Sí, el archivo HTML se lee y se formatea dentro de la pestaña de tu navegador y no se sube a ningún servidor. Tampoco se solicitan los scripts, hojas de estilo, imágenes o fuentes a los que apunta el documento, ni se hace prefetch de DNS o preconexión, así que revisar una página interna no avisa a los dominios que menciona.

Abre esta herramienta en Edge, Chrome o Firefox en Windows, elige el archivo HTML y verás su código como texto, sin que se cargue la página. Al hacer doble clic, Windows lo abre como web y ejecuta sus scripts; aquí no se ejecuta nada. Funciona igual en macOS, Linux, Android e iPhone, sin instalar ningún editor.

El archivo se guardó en otra codificación, como Windows-1252 o ISO-8859-1, y la herramienta solo decodifica UTF-8, así que se detiene en el primer byte inválido. El mensaje indica el desplazamiento en bytes, la línea y la columna de ese byte. Vuelve a guardar el archivo como UTF-8 en tu editor; los archivos UTF-16 o con bytes nulos al inicio también deben convertirse antes.

Cada hallazgo da dos posiciones: la línea y columna de la etiqueta de apertura y el punto donde apareció el problema. Si un span se cierra con </div>, verás ambas ubicaciones; si algo sigue abierto al final, verás dónde empezó. El formateador no adivina dónde va el cierre y deja ese tramo sin reindentar: corrígelo en tu editor y vuelve a inspeccionar.

Admite hasta 8.000.000 bytes por archivo (unos 8 MB) y 512 niveles de elementos anidados; si se supera cualquiera de los dos, se rechaza. Cuando el límite de profundidad se supera, se indica la línea y columna exactas. El texto pegado cuenta con el mismo límite en bytes UTF-8, y un resultado de más de 400.000 caracteres puede descargarse aunque la vista previa se recorte.

No, el contenido de pre, textarea, script y style se copia byte a byte; solo se reescribe la sangría inicial del resto de líneas. Comentarios, etiquetas que ocupan varias líneas y zonas con errores estructurales también se conservan con sus finales de línea originales. El orden de atributos, las comillas y el texto nunca cambian, y el salto de línea justo después de <pre> se respeta.

Abrirlo aquí no ejecuta sus scripts ni renderiza la página, y ninguna URL del archivo se visita. Obtienes la lista de scripts, iframes y orígenes externos que declara el código para que juzgues qué hace, pero la herramienta no da un veredicto de seguro o peligroso, no detecta malware ni rastreadores y no ve las URL que un script genera al ejecutarse.

Este formateador reindenta el código y señala problemas estructurales con su posición, mientras que un validador comprueba el documento contra toda la gramática de HTML. Si aquí no aparecen errores, eso no significa que el documento sea válido ni accesible: solo que las comprobaciones listadas, como balance de etiquetas, doctype o charset, no encontraron nada.

Significa que, por su doctype, los navegadores dibujarían la página en modo de compatibilidad, con reglas de diseño distintas a las del modo estándar. Ocurre al faltar el doctype o con identificadores públicos antiguos de HTML 3 o 4. El informe muestra los identificadores público y de sistema y su posición; con <!DOCTYPE html> el modo es estándar.