Puffinmint
ES
Italiano English Español Français Deutsch Português (Brasil) 日本語 한국어 Polski Türkçe

Formateador HTML online

Indenta fragmentos HTML conservando atributos, texto y bloques pre, script y style. Copia el código y revisa los espacios.

Procesado en el navegador: los datos no se suben.

Configura los datos

Configura los datos

Hasta 100.000 caracteres y 10.000 tokens. Solo HTML, sin validación ni JSX; los espacios entre bloques pueden cambiar.

Resultado

Introduce los datos para ver el resultado.

Contamos qué herramientas se utilizan más, sin incluir los valores introducidos ni el contenido de los archivos en las estadísticas. Privacidad

Cómo usarlo

Trabaja sobre una copia de HTML. Se conservan atributos y bloques pre, script, style, textarea y title; se ajustan espacios entre bloques. No se convierte JSX ni se valida el documento.

Datos del ejemplo
Datos de entradaResultado
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Método y límites

La sangría añade o sustituye espacios entre elementos de bloque. Revisa el efecto de CSS white-space. No valida ni ejecuta HTML.

Ejemplo

Caso de uso

Datos de entrada
<div><p>A <strong>B</strong> C</p></div>
Resultado
<div> <p>A <strong>B</strong> C</p> </div>

En una frase con un elemento strong, los espacios alrededor del elemento separan palabras. Consérvalos. Dentro de pre deben mantenerse saltos de línea y espacios iniciales aunque se indente el contenedor.

¿Cuáles son los límites de la herramienta?

Hasta 100.000 caracteres y 10.000 tokens. Solo HTML, sin validación ni JSX; los espacios entre bloques pueden cambiar.

Los datos y resultados se procesan en tu navegador y no se envían al servidor. Las estadísticas agregadas, si están activas, solo registran la herramienta y el resultado de uso, sin el contenido.

Fuentes

GUÍAS PRÁCTICAS

Espacios e indentación en HTML

Descubre qué espacios cambian una página y qué revisar después de formatear un fragmento HTML.

Sigue los pasos

También te pueden servir

Ver todas

Codificador y decodificador de entidades HTML

Codifica caracteres HTML y decodifica referencias numéricas y con nombre. El resultado es texto y no ejecuta HTML.

Minificar CSS y JavaScript

Minifica código CSS o JavaScript, compara el tamaño original con el resultado y copia el código. Selecciona el lenguaje y reduce su tamaño.

Formateador XML y comprobador de sintaxis

Organiza tu código XML con una sangría legible y detecta errores de sintaxis. Copia el resultado formateado o descárgalo como archivo.

Favoritos