Formateador HTML

Divide una entrada similar a HTML en etiquetas, comentarios, declaraciones y texto, y coloca los tokens en líneas con sangría. Los elementos anidados que no son void añaden dos espacios por nivel; las etiquetas void conocidas y autocerradas no aumentan la sangría.

Pega el marcado, revisa el resultado inmediato y cópialo. Reset vacía el editor y no restaura el ejemplo.

Es un formateador ligero de tokens, no un parser, validador, sanitizador, auditor de accesibilidad ni navegador HTML. Recorta los bordes de los tokens de texto y no repara anidación incorrecta o etiquetas ausentes. Puede interpretar mal signos angulares o contenido parecido a etiquetas dentro de script, style, template y lenguajes embebidos; tampoco formatea su CSS o JavaScript.

Cada etiqueta de apertura reconocida sube el nivel de sangría dos espacios y la etiqueta de cierre correspondiente lo baja de nuevo; los elementos void como `<img>` y `<br>`, y cualquier etiqueta escrita con `/>` al final, nunca suben el nivel porque no pueden tener hijos.

Al pegar `<div><p>Hello</p><img src="a.png"></div>` se obtiene `<div>` en su propia línea, un `<p>Hello</p>` con sangría, un `<img src="a.png">` con la misma sangría por ser void, y un `</div>` de cierre de vuelta al nivel base.

Renderiza el marcado formateado en un navegador real antes de publicarlo, y presta especial atención a los elementos en línea junto a texto y a cualquier bloque script o style, ya que los cambios de espacio ahí pueden alterar el espaciado o romper código embebido.

Conserva la fuente y prueba la salida en un navegador, sobre todo el contenido en línea sensible a espacios y el código embebido. El proceso es local y el marcado no se sube.