🌐

formatear HTML

Formatea y minifica código HTML con sangría personalizable.

Herramientas para desarrolladores Se ejecuta localmente No se envían datos
HTML embellecer minificar formatear
Sangría:
HTML de entrada
0 caracteres
→
Salida
0 caracteres
Nota: El modo de formato usa js-beautify para embellecer tu HTML con sangría configurable. El modo de minificación elimina los comentarios y contrae los espacios en blanco. Todo el procesamiento se ejecuta completamente en tu navegador: no se envían datos a ningún servidor.

¿Qué es formatear HTML?

Formatear HTML convierte el marcado comprimido o inconsistente en HTML legible y con la sangría adecuada. Es útil para depurar la estructura de la página, revisar plantillas y preparar fragmentos para documentación o revisión de código sin enviar el código a un servidor.

Cómo usar formatear HTML

  1. Pega tu HTML en el panel de entrada.
  2. Elige si quieres formatear o minificar el marcado.
  3. Ajusta las opciones de sangría si es necesario.
  4. Copia la salida limpia para editarla, revisarla o implementarla.

Herramientas relacionadas

🎨
Formateador CSS
Embellece o minifica código CSS con formato personalizable
 📝
Formateador de JS
Embellece o minifica código JavaScript con formato estilo Prettier
 🏷️
Codificar entidades HTML
Codifica o decodifica entidades HTML: formatos con nombre y numéricos
Cómo funciona el formateador HTML ▾
Ejemplo
Entrada <div><p>Hola</p><ul><li>Elemento</li></ul></div>
Salida <div> <p>Hola</p> <ul> <li>Elemento</li> </ul> </div>
Casos de uso comunes
  • Embellece el HTML minificado copiado de la salida de compilación o de páginas de producción
  • Revisa la estructura de marcado anidada antes de editar plantillas o componentes
  • Limpia el HTML generado por CMS o WYSIWYG antes de publicar
  • Vuelve a minificar fragmentos de HTML después de depurar o de editar manualmente
Por qué usar esta herramienta
  • Hace que la estructura HTML anidada sea mucho más fácil de escanear y depurar.
  • Útil tanto para embellecer el marcado como para volver a reducirlo después de editarlo.
  • Se ejecuta localmente, así que las plantillas y los fragmentos no se suben a ningún sitio.
Preguntas frecuentes
¿El formateador HTML valida mi HTML?

El formateador se centra en la indentación y la legibilidad. Procesará HTML mal formado lo mejor que pueda, pero no es un validador estricto. Usa un validador dedicado si necesitas comprobar el cumplimiento de la especificación.

¿El formateo cambiará la salida renderizada de mi página?

No. Añadir espacios en blanco entre elementos de bloque no cambia el renderizado visual. Ten cuidado con elementos en línea como <span> dentro del texto, donde los espacios en blanco pueden importar, pero el formateador conserva el contenido en línea.

¿Puedo formatear un documento HTML completo con <!DOCTYPE> y <head>?

Sí. El formateador admite documentos completos, incluidas declaraciones doctype, secciones head, scripts y estilos, sin eliminar contenido.

¿Hay un límite de tamaño de archivo?

No hay límite en el servidor porque todo se ejecuta en tu navegador. Los archivos muy grandes (cientos de KB) pueden tardar un momento en procesarse según tu dispositivo.