Formateador HTML

Acerca del formateo de HTML

El HTML es el marcado que estructura cada página web. Minificar elimina espacios, comentarios y sintaxis redundante para reducir el archivo en producción; embellecer lo vuelve a indentar para que los elementos anidados sean fáciles de leer y editar.

Los espacios en blanco dentro de <pre>, <textarea> y algunos otros elementos son significativos para cómo se muestra la página, así que un minificador ingenuo que eliminara todos los espacios sin distinción los rompería visiblemente. Esta herramienta es consciente de los espacios: colapsa el espacio insignificante entre etiquetas normales pero deja intactos los elementos sensibles a los espacios. Los <!-- comentarios --> normales se eliminan, pero la vieja sintaxis de comentarios condicionales que algunos sitios antiguos aún usan para Internet Explorer, como <!--[if IE]>...<![endif]-->, se mantiene completamente intacta, porque no es un comentario real sino una directiva que resulta estar escrita con sintaxis de comentario. Los atributos booleanos como checked="checked" también se dejan exactamente como se escribieron, en lugar de acortarlos a su forma desnuda.

Dónde te lo encontrarás

• Reducir el marcado de una página antes de desplegarla en producción
• Formatear el marcado devuelto por una API o un renderizado del lado del servidor para depurarlo
• Limpiar HTML copiado de una exportación de un CMS o de otro sitio
• Estandarizar la indentación antes de revisar un diff de marcado

Preguntas frecuentes

¿Minificar cambia el aspecto de mi página?
No. Solo se eliminan los espacios, los comentarios y la sintaxis redundante — el resultado renderizado es el mismo.

¿Esto también minifica el CSS y el JavaScript en línea?
Sí. El CSS dentro de las etiquetas <style> y el JavaScript dentro de las etiquetas <script> también se minifican, junto con el marcado circundante.

¿Se almacena mi HTML?
No. La conversión ocurre en el servidor solo para esa solicitud; después no se registra ni se conserva nada.

¿Qué pasa con los espacios en blanco dentro de <pre> o <textarea>?
Se dejan tal cual. Esos elementos muestran su contenido exactamente como se escribió, saltos de línea e indentación incluidos, así que colapsar los espacios dentro de ellos cambiaría de verdad el aspecto de la página, a diferencia de los espacios entre etiquetas normales, visualmente insignificantes y seguros de eliminar. Esta herramienta detecta los elementos sensibles a los espacios y los omite específicamente para evitarlo.