Formateador de HTML

Formatea HTML con sangría legible y control de espacios.

Frontend y diseño
Preparando tu espacio de trabajo…
Entrada
Salida
Tu resultado aparecerá aquí.

Cómo usarlo

  1. Pega texto, abre un archivo UTF-8 o prueba el ejemplo.
  2. Elige entrada y opciones; ejecuta la herramienta o activa la ejecución automática.
  3. Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

Formateador de HTML

Formatea HTML con sangría legible y control de espacios.

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

Cómo funciona

Prettier formatea HTML como texto fuente. No renderiza el contenido ni ejecuta scripts. Mantiene sin formatear el código dentro de script y style.

Antes y después
Entrada
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
Salida
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

Formatea HTML con sangría legible y control de espacios.

Opciones y fidelidad de datos

Elige espacios según CSS, modo estricto o ignorar, además de sangría y ancho. El modo CSS es el predeterminado; ignorar puede cambiar espacios visibles.

Trabajar con el resultado

El formato no audita semántica, accesibilidad ni contenido peligroso. Revisa el resultado y usa validadores específicos antes de publicar.

Revisa y copia o descarga el resultado. Cambiar la entrada invalida el resultado anterior.

Límites de procesamiento

Entrada UTF-8 de hasta 1 MiB por documento, salida de hasta 8 MiB. JSONPath y Schema: 5 segundos; otras herramientas: 30 segundos.

?

Preguntas frecuentes

¿Se renderiza o ejecuta el HTML?

Prettier formatea HTML como texto fuente. No renderiza el contenido ni ejecuta scripts. Mantiene sin formatear el código dentro de script y style.

¿Cómo se tratan los espacios importantes?

Elige espacios según CSS, modo estricto o ignorar, además de sangría y ancho. El modo CSS es el predeterminado; ignorar puede cambiar espacios visibles.

¿Valida accesibilidad o seguridad?

No. El formato no audita semántica, accesibilidad ni contenido peligroso. Revisa el resultado y usa validadores específicos antes de publicar.

¿Se suben mis datos?

El procesamiento se realiza en tu navegador. Tu entrada no se envía a DevToolsy.

¿Puedo abrir un archivo local?

Entrada UTF-8 de hasta 1 MiB · salida de hasta 8 MiB

Encuentra tu próxima herramienta

Idioma

¿Cambiar de idioma? Se borrará el contenido actual. Primero copia o descarga tu trabajo.