Formateador y minificador de HTML
FormatoTodo se ejecuta en tu navegador: no se sube nada
Expande un documento HTML minificado en una estructura sangrada. A diferencia de los formateadores que rompen en cada etiqueta, este mira el texto: en cuanto un elemento contiene texto real, todo su subárbol se queda en línea, porque un salto de línea en HTML es un espacio de verdad. Mover el <b> de <p>a<b>x</b> a su propia línea convierte el resultado renderizado de «ax» en «a x». Por la misma razón no se inventa un espacio donde el original no lo tenía.
Funciones
- La salida va con resaltado: palabras clave, cadenas y comentarios con colores distintos
- Sangrado por nivel de etiqueta, con 2 espacios, 4 espacios o tabulador
- Conoce los elementos vacíos (br, img, meta, input, link y compañía), así que el contenido siguiente no queda un nivel de más
- El texto y las etiquetas en línea se quedan en una misma línea, y solo se inserta un espacio donde el original lo tenía
- Conserva el contenido de script, style, pre y textarea, con la etiqueta de cierre pegada al contenido
- Los comentarios y el DOCTYPE tienen su propia línea, y las secuencias de espacios dentro de una etiqueta se reducen a uno
- El espacio dentro de un valor de atributo se conserva y un > dentro de un valor no cierra la etiqueta
- El modo minificar quita el espacio entre etiquetas y los comentarios
- Sin validación de sintaxis: las etiquetas sin cerrar se sangran lo mejor posible en vez de rechazarse
Cómo se usa
- Pega tu HTML en el cuadro de entrada
- Elige el modo y el sangrado
- Pulsa Ctrl/⌘ + Enter o haz clic en «Ejecutar»
- Haz clic en «Copiar» para llevarte el resultado
Preguntas frecuentes
- ¿Por qué al minificar desaparecen algunos espacios de mi página?
- El minificador borra el espacio entre etiquetas. Normalmente es inocuo, pero el espacio entre elementos en línea es un hueco real al renderizar, así que <span>a</span> <span>b</span> pasa a «ab». Usa el modo formatear cuando ese hueco importe.
- ¿Por qué el texto no se reparte en varias líneas?
- Partirlo insertaría espacios reales y cambiaría lo que dibuja el navegador. Los saltos de línea solo se añaden en posiciones estructurales; el texto se queda donde estaba.
- ¿Se reformatea el contenido de script y pre?
- No. Esos elementos se trasladan idénticos, con la etiqueta de cierre justo después del contenido, así que nada de su código o su maquetación se altera por afán de orden.
- ¿Se sube mi HTML a algún sitio?
- No. Todo ocurre en la memoria de tu navegador, la página no hace ninguna petición y funciona sin conexión.
Herramientas relacionadas
Formateador XML
FormatoFormatea XML en línea por niveles de etiqueta, con comentarios, CDATA y DOCTYPE en su propia línea y los valores de atributo intactos.
Entidades HTML
CifradoConvierte < > & y las comillas en entidades HTML y las devuelve en una sola pasada, así que &lt; da <, no un ángulo. En tu navegador.
Previsualizar Markdown
TextoEscribe Markdown a la izquierda y velo renderizado a la derecha: anclas, índice y bloques de código coloreados. El HTML pegado sigue siendo texto.
Formateador JSON
FormatoFormatea, valida y repara JSON en línea: árbol plegable, búsqueda de claves y valores, edición nodo a nodo y errores con línea y columna.
JSON a código
FormatoConvierte una muestra JSON en interfaces de TypeScript, structs de Go, clases de Java o structs de Rust; las claves que faltan salen opcionales.
Formateador SQL
FormatoFormatea SQL en línea: una cláusula por línea, palabras clave con el mismo estilo y subconsultas sangradas. El minificador quita los comentarios.