Ir al contenido
OneKitly
Registrarse · Entrar

Embellecedor de HTML

Convierte HTML minificado o enredado en marcado legible y bien sangrado — o minifícalo.

Herramientas relacionadas

Todas las herramientas: JSON, XML y formatos →
Embellecedor de CSSReformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo.Minificador / embellecedor de JavaScriptMinifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios.Markdown a HTMLVe tu Markdown renderizado en directo y copia el HTML limpio que lo acompaña.Compresor de HTMLMinifica HTML eliminando comentarios y espacios para reducir el peso de la página.Codificador / decodificador de entidades HTMLConvierte texto en entidades HTML y viceversa, escapando <, >, &, comillas y opcionalmente todos los caracteres no ASCII.Formateador de fechas ISO 8601Convierte cualquier fecha, hora y desfase UTC en ISO 8601, RFC 3339, fecha de semana/ordinal, RFC 2822, fecha HTTP y marcas Unix.Generador de tablas MarkdownPega CSV, TSV o datos con punto y coma y obtén una tabla Markdown alineada, con alineación por columna, escape de | y vista previa en directo.Formateador SQLFormatea consultas SQL con palabras clave en mayúsculas y saltos de línea por cláusula, para mayor legibilidad.

Embellecedor de HTML se usa gratis, tantas veces como quieras, directamente desde esta página. La encontrarás en JSON, XML y formatos, con Embellecedor de CSS y Minificador / embellecedor de JavaScript para los casos vecinos.

Cómo usarlo

  1. Abre la herramienta — sin registro ni instalación.
  2. Introduce tus datos o ajusta las opciones disponibles.
  3. Obtén tu resultado al instante y cópialo o descárgalo.

Preguntas frecuentes

¿Qué es Embellecedor de HTML?

Convierte HTML minificado o enredado en marcado legible y bien sangrado — o minifícalo.

¿En qué casos se usa realmente?

Hacer legible un bloque generado por una máquina, localizar el carácter donde falla el parseo y reducir un archivo antes de publicarlo.

¿Cuál es el error más frecuente?

Confundir válido con correcto. Un documento puede parsearse sin errores y aun así no tener la forma que espera quien lo leerá: la validación comprueba la sintaxis, no el esquema.

¿En qué se diferencia Embellecedor de HTML de Embellecedor de CSS?

Están próximos pero responden a preguntas distintas: Embellecedor de CSS es el que conviene abrir cuando se trata de reformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo. Elige el que encaje con tu punto de partida — ambos son gratis.

¿Hay una herramienta para el siguiente paso?

Minificador / embellecedor de JavaScript es el más cercano después de este: Minifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios.

¿Qué más conviene tener abierto al lado?

Markdown a HTML y Compresor de HTML: aparecen en la misma tarea lo bastante a menudo como para merecer otra pestaña.

¿De dónde salen los datos?

El análisis y la serialización siguen la especificación de cada formato. El orden de claves y los espacios no tienen valor semántico en JSON ni en YAML, así que un documento reformateado es equivalente aunque cambien los bytes.

Para saber más

Todas las guías →
GuíaEmbellecer o minificar: para qué sirve cada uno y qué le hace al pesoCuatro hojas de estilo reales pasadas por el minificador, medidas en crudo y tras gzip. Quitar todos los espacios ahorró 48, 103, 104 y 147 bytes comprimidos; quitar los comentarios, 57, 1 358, 2 420 y 1 042. Y las cinco entradas que este minificador rompe.TutorialConstruir una tabla Markdown desde cero, sin contar guiones a manoLo más pequeño que sigue siendo una tabla son dos líneas: una fila de cabecera y una fila delimitadora. Aquí está por qué la segunda es obligatoria en GitHub Flavored Markdown, dónde las tablas de barras no existen en absoluto, y qué hace un generador que teclear a mano no puede.GuíaPegar una tabla en un pull request: qué se rompe y los dos caracteres que lo rompenUna tabla Markdown prohíbe exactamente dos caracteres dentro de una celda: la barra vertical y el salto de línea. Aquí está qué hace cada uno, cómo los trata un conversor, por qué el escape debe aplicarse en el orden correcto, y por qué el relleno nunca importa.GuíaQué puede quitar un minificador y qué no debe tocarLa minificación tiene que preservar el significado, y lo interesante son los espacios que llevan significado: el combinador descendiente, los espacios dentro de calc(), el hueco entre dos elementos en línea. Medido aquí sobre archivos reales, incluido lo que brotli te iba a ahorrar de todas formas.TutorialMarkdown: guía para principiantesDa formato a texto plano con unos símbolos: # para títulos, ** para negrita, - para listas. Aquí tienes qué es markdown, la sintaxis básica, por qué está en todas partes y los trucos.ExplicaciónEscribir una fecha en ISO 8601 y por qué es el único formato sin ambigüedad01/02/2026 es el 1 de febrero en casi toda Europa y el 2 de enero en Estados Unidos, y nada en la cadena dice cuál. ISO 8601 lo resuelve, se ordena como texto, y deja de valer en cuatro puntos concretos que la RFC 3339 rechaza.