Formateador HTML
Sangrado para leerlo, o comprimido para publicarlo.
Los ejemplos sustituyen temporalmente la entrada y los ajustes. Puedes recuperar tu trabajo anterior.
Pega o escribe arriba para ver el resultado aquí.
Tus archivos se quedan en tu dispositivo
Esta herramienta se ejecuta por completo en tu navegador. Lo que pegas se procesa en tu dispositivo y nunca se envía a un servidor, así que puedes usarla con tokens, claves y textos sin publicar.
Ejemplo
El menú del día de un bar, comprimido para pegarlo en el gestor de la web
Casa Lucía, un bar de Zaragoza, guarda el menú del día en un HTML de 15 líneas y 346 caracteres, con sangría y tres comentarios para quien lo actualiza cada lunes. El campo del gestor web pide una sola línea, así que se pega con «Comprimirlo».
- Salen 224 caracteres en una línea: un 35 % menos. Los tres comentarios («Menú del día: cambiar cada lunes», «primeros» y «segundos») desaparecen.
- Se van la sangría y los saltos de línea junto a las etiquetas de bloque (div, h2, ul, li, p), porque ahí no se ven.
- En «postre: 13,50 € (IVA incluido)» el precio va en negrita, y los espacios a sus dos lados se quedan: junto a una etiqueta en línea sí se ven.
- «Maquetarlo» con 2 espacios sobre el archivo original da 27 líneas, comentarios incluidos; comprimidas, vuelven a ser los mismos 224 caracteres.
| Qué hacer | Entra | Sale |
|---|---|---|
| Comprimirlo | 15 líneas, 346 caracteres | 1 línea, 224 caracteres (35 % menos) |
| Maquetarlo, 2 espacios | el archivo original | 27 líneas, con los 3 comentarios |
| Comprimirlo | esas 27 líneas, 409 caracteres | 1 línea, 224 caracteres (45 % menos) |
El gestor recibe una línea de 224 caracteres que se ve igual que el original. Conviene guardar el archivo de 15 líneas: la versión comprimida ya no lleva los comentarios.
Cómo funciona
- Pega el HTML. Se maqueta mientras escribes.
- Cambia a «comprimirlo» para quitar la sangría y los comentarios.
- Elige dos espacios, cuatro o una tabulación.
- Copia el resultado o descárgalo como archivo.
Preguntas frecuentes
- ¿Qué pasa con un documento que no es del todo válido?
- Se formatea igualmente. El marcado se lee como una sucesión de etiquetas y texto en vez de analizarse en un árbol, porque el HTML que alguien quiere formatear suele ser justo el que está intentando entender.
- ¿Estropeará los espacios de mi texto?
- No, y esa es la parte delicada. El espacio entre <b>uno</b> e <i>dos</i> se representa, así que se conserva; el espacio a los lados de un <div> no se representa, así que se va. Los elementos en línea se quedan en la línea con las palabras que los rodean.
- ¿Se toca algo dentro de <pre>?
- Ni un carácter. Cada espacio dentro de <pre> y <textarea> se representa, así que el contenido sale exactamente como se escribió, sin desplazarse siquiera a la izquierda.
- ¿Comprimir cambia algún nombre?
- No. Quita los comentarios y los espacios que no se ven. No renombra ni reordena nada, y el documento que sale se ve igual que el que entró.
- ¿También comprime el CSS y el JavaScript de <style> y <script>?
- No. Solo quita los espacios al principio y al final del código; los espacios y saltos de línea de dentro se quedan como se escribieron, así que un <style> de dos líneas sale con dos líneas. Para reducir el código en sí, pásalo antes por el Formateador CSS o el Minificador JavaScript.
- ¿Se envía algo a un servidor?
- No. Funciona en tu navegador, así que lo que pegues se queda en tu ordenador.