Ir al contenido principal
Bethemesh

Formateador y minificador HTML

Formatea HTML o elimina comentarios ordinarios localmente, conservando espacios del texto y contenido de scripts al quitar comentarios.

  • Portapapeles
  • Exportar
Automatizar

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Reorganiza documentos o fragmentos HTML para revisar su estructura sin abrir el código como página activa. El formateador reconoce etiquetas, atributos y texto en lugar de cortar en cada delimitador. Otra acción elimina comentarios ordinarios de forma conservadora. No ejecuta scripts, no carga enlaces ni imágenes y no envía tu página a un servicio remoto de formateo.

El formato analiza HTML y aplica una estructura con sensibilidad estricta a los espacios. No pone mecánicamente cada etiqueta en una línea: separar elementos en línea puede cambiar espacios visibles en el navegador.

El contenido de script y style no recibe otra transformación JavaScript o CSS. Usa los formateadores específicos para esos lenguajes. La escritura y disposición de atributos pueden normalizarse; la salida no reproduce exactamente la fuente.

Eliminar comentarios no comprime globalmente espacios. Solo suprime rangos de comentarios ordinarios reconocidos. Los demás caracteres permanecen intactos, incluidos espacios de textos, pre y scripts. Conserva comentarios marcados con !, directivas que empiezan por # y comentarios condicionales reconocidos.

Este enfoque no cubre todas las convenciones de aplicación. Un framework puede usar comentarios aparentemente ordinarios como marcadores de hidratación. Mantén esas salidas en su cadena de compilación y comprueba las reglas antes de borrarlos. Una presentación correcta no valida completamente accesibilidad, SEO ni comportamiento.

Cómo utilizar esta herramienta

  1. Proporciona HTML puro

    Pega un fragmento o importa un .html. Excluye delimitadores Markdown y código de plantilla que el parser HTML no interprete.

  2. Elige la acción adecuada

    Formatea para revisar o elimina comentarios ordinarios. La segunda acción no es una minificación completa de página, scripts y estilos.

  3. Comprueba y recupera el marcado

    Revisa texto en línea, atributos y marcadores antes de copiar o descargar. Cambiar el origen oculta la salida anterior; restablecer limpia ambos campos.

Casos de uso

Revisar un componente HTML aislado

Expón contenedores y atributos. El formulario no resuelve componentes o expresiones particulares de Astro, JSX y otros lenguajes de plantillas.

Compartir un ejemplo de marcado

Copia un fragmento legible en documentación técnica. Los elementos siguen siendo texto; no se genera una captura del resultado visual.

Quitar comentarios explicativos

Elimina comentarios ordinarios de fragmentos estáticos sin colapsar espacios de párrafos o bloques preformateados. Sin comentarios puede no reducirse el tamaño.

Ejemplos

Mantener un fragmento en línea

El fragmento puede seguir en una línea con salto final normalizado. No se fuerzan cortes que puedan añadir espacios visibles.

Entrada

<div><span>x</span></div>

Resultado

<div><span>x</span></div>

Quitar un comentario sin cambiar espacios

Solo desaparece note. El párrafo mantiene espacios alrededor de b y pre conserva espaciado y salto de línea.

Entrada

<!-- note --><p>a <b>b</b> c</p><pre> x  y
 z</pre>

Resultado

<p>a <b>b</b> c</p><pre> x  y
 z</pre>

Consejos y buenas prácticas

  • Prueba la salida en la página real si los espacios en línea afectan al diseño.
  • Usa el formateador XML para XML estricto; HTML aplica otras reglas de etiquetas.
  • Quitar comentarios no elimina CSS sin uso ni JavaScript muerto.
  • Conserva fuentes de trabajo comentadas cuando ayudan al mantenimiento.

Fuentes y referencias

Preguntas frecuentes

¿Por qué algunas etiquetas siguen en una sola línea?

Separar elementos en línea puede introducir espacios visibles. El formateador respeta ese contexto y no coloca cada etiqueta en una nueva línea.

¿Eliminar comentarios es una minificación completa?

No. Mantiene deliberadamente el resto del texto, incluidos espacios importantes y scripts. Sin comentarios ordinarios, la salida puede ser idéntica.

¿Se ejecutan o formatean scripts y estilos integrados?

No se ejecutan y el formato HTML no aplica formateo de lenguajes integrados. Usa las herramientas JavaScript y CSS para transformar esos fragmentos explícitamente.

¿Puedo borrar comentarios de páginas generadas por un framework?

Comprueba antes sus convenciones. Algunos comentarios contienen marcadores usados por su runtime. Una acción para HTML estático no sustituye la compilación del framework.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Formatea JavaScript, TypeScript o JSX para facilitar su lectura sin ejecutar código. Procesamiento local en tu navegador.

DesarrolloUsar esta herramienta

Formatea, minifica y valida un documento XML directamente en tu navegador.

DesarrolloUsar esta herramienta