Formateador de HTML
Re-indent and clean up minified or messy HTML — preserves <pre>, <script> and <style> exactly. — herramienta gratuita en línea.
Respuesta rápida: HTML Prettifier: Funciona en tu navegador, gratis, sin registro.
Última actualización
Preguntas frecuentes
- ¿Es lo mismo que nuestro minificador de HTML, pero a la inversa?
- A grandes rasgos, sí: la minificación elimina espacios en blanco y el formateo los vuelve a añadir. No son procesos inversos sin pérdida de información (la minificación elimina comentarios y el formateo no puede recuperarlos), pero el resultado formateado es semánticamente equivalente a la entrada.
- ¿Afectará a mi JavaScript o CSS?
- No: los bloques <code><script></code> y <code><style></code> se procesan sin modificaciones. Su contenido no recibe sangría de nuevo.
- ¿Por qué los elementos en línea se mantienen en la línea del elemento padre?
- Por legibilidad: <code><p>Hola <b>mundo</b>.</p></code> se entiende mucho mejor en una línea que repartido en cinco. El formateador solo mantiene en línea un elemento padre que contiene exactamente un hijo de texto envuelto en etiquetas en línea.
- ¿Puedo cambiar el tamaño de la sangría?
- Sí: arrastra el control deslizante de 0 a 8 espacios. El valor predeterminado es 2, conforme a la convención web más habitual.
- ¿Valida el HTML?
- No: el formateo es únicamente estructural. Pasa el resultado por el validador HTML del W3C si necesitas comprobar su conformidad con la especificación.
- ¿Se conservará el estilo de las comillas de los atributos?
- Sí: los valores de atributos entre comillas simples, comillas dobles o sin comillas se mantienen sin cambios.
- ¿Se conservarán mis comentarios?
- Sí: los comentarios se mantienen y reciben sangría igual que el resto del contenido de bloque.
- ¿Se suben mis archivos?
- No: todas las transformaciones se ejecutan en el navegador. Nada sale de tu dispositivo.
- ¿Qué tamaño máximo puede tener un archivo para formatearlo?
- Los archivos de hasta unos pocos megabytes se formatean en bastante menos de un segundo. A partir de ahí, el rendimiento depende sobre todo de la memoria del navegador.
- ¿Por qué el resultado a veces es más ancho de lo esperado?
- No ajustamos las líneas largas; solo aplicamos la sangría de nuevo. Si necesitas líneas de 80 columnas, procesa después el resultado mediante un formateador de escritorio como Prettier.