Formato de código / MULTIVERTO

Formatear HTML

Ordena etiquetas HTML anidadas explícitamente.

Conversor en tiempo realTu entrada permanece en este navegador. El texto no se envía para convertirlo.
El archivo permanece en tu navegador.
Encadenar herramientas

Aplica cada herramienta de texto al resultado anterior.

01 / Guía

Cómo funciona

La sangría y los saltos de línea revelan la estructura y conservan los elementos admitidos.

Información útil

Para sintaxis compleja o recursos de producción, verifica el resultado en la aplicación de destino con un analizador o herramienta específica.

02 / Ejemplo

Ejemplo

Tu entrada<main><h1>Hola</h1><p>Bienvenidos</p></main>
Resultado<main> <h1>Hola</h1> <p>Bienvenidos</p> </main>

03 / Guía

Formatear HTML — Cómo funciona

Qué cambia esta herramienta

Ordena etiquetas HTML anidadas explícitamente. La sangría y los saltos de línea revelan la estructura y conservan los elementos admitidos. Este formateador muestra como árbol etiquetas anidadas explícitamente. Separa elementos hermanos sin cambiar el texto que contienen. Sirve para revisar componentes o fragmentos de correo; un documento con cierres opcionales requiere un analizador completo.

Conoce el formato

HTML tiene elementos, atributos y nodos de texto; los espacios del texto pueden afectar al resultado visual. El formateador local acepta etiquetas anidadas explícitamente y conserva el texto intermedio. Rechaza contenedores de texto especial como script, style, pre y textarea, donde un lector sencillo de etiquetas podría engañar. La operación compacta elimina espacios estructurales en casos como listas y tablas; no aplasta todo el texto ni reescribe atributos. Esto importa porque dos elementos en línea separados por un espacio pueden verse distintos sin él. El navegador también admite cierres opcionales y recuperación de errores, que este editor limitado no reproduce.

Un proceso fiable

Formatear resulta útil al revisar o depurar, porque la sangría puede revelar un nivel de anidación perdido o un elemento inesperado. Pega un fragmento completo y representativo y aplica el formato una vez. Lee la salida desde la estructura exterior hacia dentro; observa dónde comienza y termina cada elemento, bloque o cláusula. Esta página no pretende actuar como compilador de todas las extensiones del lenguaje y puede rechazar construcciones avanzadas. Después de copiar la salida, usa el validador o las pruebas habituales del proyecto donde se aplicará. Si vas a guardar el texto formateado en el repositorio, revisa las diferencias para detectar cualquier cambio inadvertido en literales o valores de datos.

Comprueba el resultado

Conserva el original junto al resultado y prueba primero un ejemplo pequeño conocido antes de procesar un documento grande. Compara el contenido significativo, no solo el tamaño del archivo o el número de líneas. Revisa nombres, cadenas entre comillas, caracteres no ASCII, finales de línea y campos repetidos tras la transformación. Un resultado legible no valida un esquema, no demuestra que el código se ejecute ni que los datos sean seguros para publicar. Este sitio procesa el texto en el navegador y muestra la salida como texto, pero al pegarla en otra aplicación se aplicarán las reglas de esta. Si la herramienta rechaza una entrada, identifica la construcción no admitida y utiliza un analizador especializado cuando haga falta.

Cómo se transforma la entrada
HTML — Entrada
Leer y transformar la estructura
HTML — Resultado