1. Analizar
El código se recorre como un flujo de etiquetas con número de línea, así que cada aviso apunta a un punto concreto de tu código.
01Código fuente0 caracteres
02
Aquí aparecerá la página renderizada.
Compilador HTML
Compila tu HTML en un solo archivo limpio
Pega HTML, CSS y JavaScript y compílalo. El compilador analiza tu marcado, te avisa de etiquetas sin cerrar e ids duplicados, elimina comentarios y espacios innecesarios, y genera un único archivo autónomo —o una función de plantilla JavaScript—. Todo ocurre en tu navegador; publica el resultado en una URL pública cuando lo necesites.
Definición
¿Qué es un compilador HTML?
Un compilador HTML toma el marcado original y lo convierte en algo listo para entregar. Lee tu documento como lo haría un navegador, te dice qué está roto o sobra y escribe un archivo optimizado: normalmente un único HTML minificado, sin comentarios, sangrías ni atributos redundantes.
Eso lo diferencia de un editor, que solo te ayuda a escribir, y de un simple minificador, que reduce bytes sin decirte nada. Un compilador te da las dos cosas: un diagnóstico sobre el que puedes actuar y un archivo de salida que puedes entregar a un cliente, adjuntar a un correo o desplegar tal cual.
Proceso
Cuatro pasadas sobre tu marcado
Todas las compilaciones siguen el mismo proceso. No se sube nada y cada fase aparece en el informe, debajo del editor.
2. Diagnosticar
La anidación se valida con una pila y el documento analizado se revisa en busca de ids duplicados, textos alternativos ausentes y metadatos que faltan.
3. Optimizar
Se eliminan los comentarios (los condicionales se conservan), se colapsan los espacios en blanco, se cierran los huecos entre elementos de bloque y se quitan los atributos que sobran.
4. Generar
Obtienes un único archivo HTML o una función de plantilla JavaScript, junto con el número de bytes para compararlo con la entrada.
Tipos de resultado
Un solo código, tres formas de entregarlo
Cambia el formato de salida sobre el editor y vuelve a compilar. El diagnóstico no cambia; lo único que cambia es el archivo generado.
HTML de un solo archivo
Un único .html con el CSS y el JavaScript todavía en línea. Nada que empaquetar y nada que subir aparte: lo envíes como adjunto o no, se abre en cualquier parte.
Plantilla JavaScript
El marcado compilado se escapa dentro de una función de plantilla que puedes importar desde cualquier bundler. Útil cuando el mismo fragmento se renderiza tanto en el servidor como en el navegador.
URL alojada
Publica el resultado compilado y comparte un enlace público que sirve la página optimizada en lugar del código original.
Cómo se usa
Del código al archivo listo
Sin cuenta, sin build y sin npm install.
Pega o suelta un archivo
Empieza por el ejemplo, abre un .html local o suéltalo sobre el panel del editor.
Compila y lee el informe
Haz clic en Compilar, corrige lo que marque el diagnóstico y vuelve a compilar: los cambios posteriores se recompilan solos.
Descarga o publica
Copia el resultado, descárgalo o publícalo en una URL que puedas compartir donde quieras.
Preguntas
Preguntas frecuentes del compilador HTML
¿Un compilador HTML es lo mismo que un minificador?
No exactamente. Un minificador solo reduce bytes. Un compilador, además, analiza el documento y te avisa de los problemas —etiquetas sin cerrar, anidación incorrecta, ids duplicados, falta de texto alternativo— antes de escribir el archivo optimizado.
¿Compilar cambia cómo se ve mi página?
No debería. El optimizador solo quita lo que no afecta al renderizado: comentarios, espacios en blanco alrededor de elementos de bloque y atributos redundantes. Puedes abrir el resultado en una pestaña nueva para comprobar que se comporta igual.
¿Qué genera el formato JavaScript?
Un módulo que exporta una función de plantilla que devuelve el marcado compilado como cadena. Las comillas invertidas, el dólar con llaves y las barras invertidas se escapan, así que puedes pegarlo directamente en un proyecto JS o TS.
¿Puedo compilar HTML que contiene CSS y JavaScript?
Sí. Los bloques style y script en línea se conservan. Los comentarios CSS dentro de style se eliminan, mientras que el contenido de script se deja intacto para no romper nada en tiempo de ejecución.
¿Inserta en línea las hojas de estilo y los scripts externos?
No. Los archivos referenciados con un src o href remoto se marcan como dependencias externas y se dejan tal cual. El compilador nunca pide URL de terceros, así que nada de tu página se filtra a otro servidor.
¿Se sube mi código al compilar?
No. El análisis, el diagnóstico y la optimización ocurren en tu navegador. Tu código solo llega a un servidor cuando haces clic en Publicar, y entonces se publica el resultado compilado.
¿En qué se diferencia del editor HTML?
El editor HTML es un espacio de escritura con vista previa en vivo. Este compilador añade encima una fase de build: valida el documento, lo optimiza y te entrega un archivo que puedes descargar o publicar.