Cómo se usa
- Pega tu código HTML en el cuadro de entrada.
- Elige Embellecer o Minificar en Modo.
- Si eliges Embellecer, selecciona 2 espacios, 4 espacios o Tabulación en Sangría.
- Pulsa Formatear HTML (o Minificar HTML en el modo Minificar), o usa Ctrl+Enter o Cmd+Enter.
Ejemplos
Formatear el HTML y el CSS de una tienda
Entrada
<!doctype html><html lang="es"><head><title>Tienda del barrio</title><style>.precio{color:#146b35;font-weight:bold}</style></head><body><h1>Café molido</h1><p class="precio">8,50 €</p></body></html>Salida
<!doctype html>
<html lang="es">
<head>
<title>Tienda del barrio</title>
<style>
.precio {
color: #146b35;
font-weight: bold
}
</style>
</head>
<body>
<h1>Café molido</h1>
<p class="precio">8,50 €</p>
</body>
</html>Separar los atributos de un formulario
Entrada
<label for="correo">Correo electrónico</label><input id="correo" name="correo" type="email" placeholder="nombre@ejemplo.es" autocomplete="email" required>
Salida
<label for="correo">Correo electrónico</label><input id="correo" name="correo" type="email" placeholder="nombre@ejemplo.es" autocomplete="email" required>
Minificar un correo conservando los comentarios de Outlook
Entrada
<!-- Cabecera del boletín --> <!--[if mso]><table role="presentation"><tr><td><![endif]--> <div> <h1>Novedades de la semana</h1> <p>Consulta nuestras <a href="https://ejemplo.es/ofertas">ofertas</a>.</p> </div> <!--[if mso]></td></tr></table><![endif]-->
Salida
<!--[if mso]><table role="presentation"><tr><td><![endif]--><div><h1>Novedades de la semana</h1><p>Consulta nuestras <a href="https://ejemplo.es/ofertas">ofertas</a>.</p></div><!--[if mso]></td></tr></table><![endif]-->
Preguntas frecuentes
¿Es seguro formatear HTML online con datos privados?
El código se procesa en tu navegador y no se envía al servidor. El formateador no ejecuta los scripts ni carga las imágenes del HTML; tampoco guarda el código, solo tus opciones.
¿El formateador también valida el HTML?
No sustituye a un validador HTML. Avisa de etiquetas sin cerrar, cierres sin apertura y atributos duplicados, con su número de línea; estos avisos no bloquean el resultado. Haz clic en un aviso para ir a esa línea.
¿Puedo formatear solo una tabla o un fragmento HTML?
Puedes introducir un fragmento sin un documento completo. La herramienta lo formatea sin añadir etiquetas html ni body.
¿Por qué falla la minificación de un script?
Si no se puede minificar el JavaScript incrustado, aparece un error con la línea del código y el resultado no se actualiza. Corrige el script o desactiva Minificar CSS y JS incrustados.