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.
Formatea HTML o elimina comentarios ordinarios localmente, conservando espacios del texto y contenido de scripts al quitar comentarios.
No se pudo procesar esta entrada. Revisa la sintaxis y las limitaciones indicadas más abajo.
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.
Pega un fragmento o importa un .html. Excluye delimitadores Markdown y código de plantilla que el parser HTML no interprete.
Formatea para revisar o elimina comentarios ordinarios. La segunda acción no es una minificación completa de página, scripts y estilos.
Revisa texto en línea, atributos y marcadores antes de copiar o descargar. Cambiar el origen oculta la salida anterior; restablecer limpia ambos campos.
Expón contenedores y atributos. El formulario no resuelve componentes o expresiones particulares de Astro, JSX y otros lenguajes de plantillas.
Copia un fragmento legible en documentación técnica. Los elementos siguen siendo texto; no se genera una captura del resultado visual.
Elimina comentarios ordinarios de fragmentos estáticos sin colapsar espacios de párrafos o bloques preformateados. Sin comentarios puede no reducirse el tamaño.
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>
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>Separar elementos en línea puede introducir espacios visibles. El formateador respeta ese contexto y no coloca cada etiqueta en una nueva línea.
No. Mantiene deliberadamente el resto del texto, incluidos espacios importantes y scripts. Sin comentarios ordinarios, la salida puede ser idéntica.
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.
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.
Formatea o minifica CSS para mejorar su legibilidad o reducir su tamaño.
Formatea JavaScript, TypeScript o JSX para facilitar su lectura sin ejecutar código. Procesamiento local en tu navegador.
Formatea, minifica y valida un documento XML directamente en tu navegador.