Sangre HTML desordenado, o minifíquelo y vea los bytes ahorrados
Se ejecuta en su navegador. Nada de lo que escribe se envía a ningún sitio.Formatear HTML sangra las etiquetas anidadas para que la estructura se vea, y minificarlo elimina los espacios entre ellas. Se muestran los bytes ahorrados, que en una página de 100 KB suelen merecer la pena. Todo se analiza en su navegador, así que una página no publicada sigue siendo privada.
Esta página se ha traducido automáticamente del original en inglés. Ninguna persona ha revisado todavía la traducción, así que la versión en inglés es la que debe consultar. Leer el original en inglés
Pegue el marcado en el cuadro HTML o pulse Probar un ejemplo.
Deje Formatear seleccionado para sangrarlo, o elija Minificar para quitar comentarios y espacios sobrantes.
En Formatear, elija 2 espacios, 4 espacios o Tab, y ajuste Ajustar en para listas largas de atributos.
Pulse Copiar o Descargar para llevarse el resultado.
Este formateador de HTML hace los dos trabajos que se necesitan con el marcado: hacerlo legible o hacerlo pequeño. Pegue a la izquierda y el resultado aparece a la derecha. Formatear pone cada elemento en su propia línea con una sangría de dos espacios, cuatro espacios o un tabulador, y ajusta las listas largas de atributos al ancho que elija. Minificar quita comentarios y espacios sobrantes y muestra el tamaño antes, el tamaño después y el porcentaje ahorrado.
La mayoría de las visitas empiezan con marcado que nadie escribió a mano. Una página guardada desde un navegador llega en una sola línea. Un motor de plantillas produce un bloque con tabuladores y espacios mezclados. Un paso de compilación le entrega HTML de producción y necesita ver cómo está construida una sección. Formatear primero convierte cualquiera de ellos en algo que puede leer y buscar.
El minificador es cuidadoso a propósito. Un espacio entre dos elementos en línea se ve en pantalla, así que se queda; solo se quitan los espacios entre etiquetas de bloque, que el navegador descarta de todos modos. Los comentarios desaparecen, salvo los comentarios condicionales para el antiguo Internet Explorer. El contenido de pre, textarea, script y style se copia carácter a carácter, así que nunca se toca la sangría que ven sus usuarios. Al quitar las comillas de los atributos, cualquier valor con una barra conserva sus comillas, porque los navegadores aceptan href=/a/b pero varias herramientas de compilación no lo leen. Los scripts y las hojas de estilos no se minifican aquí; use JavaScript Minifier y CSS Minifier para ellos.
Si el marcado no se puede leer, obtiene la línea y la columna del problema y qué corregir, como un comentario que nunca se cierra o un valor de atributo al que le falta su comilla. Todo se ejecuta en su navegador, así que las páginas con nombres de clientes o URL internas nunca salen de su dispositivo.
Sí. No hay registro, ni marca de agua, ni límite de cuánto marcado pega o de cuántas veces lo usa. La página se paga con unos pocos anuncios mostrados fuera de la herramienta, nunca dentro de su resultado.
No. Formatear y minificar se ejecutan en su navegador con JavaScript. Un marcado con nombres de clientes, URL internas o claves de API en una etiqueta script nunca sale de su dispositivo, y no se guarda nada al cerrar la pestaña.
Normalmente entre un 3 y un 10 por ciento de los bytes brutos, y algo más quitando las comillas de los atributos. El marcado con mucha sangría es el que más ahorra; una página ya minificada no ahorra nada. La herramienta muestra el tamaño exacto antes, el tamaño después y el porcentaje, así que nunca tiene que adivinar.
Minificar no debería cambiar cómo se muestra una página. Los espacios solo se quitan entre etiquetas de bloque, donde los navegadores los ignoran de todos modos. Un espacio entre dos elementos en línea como span o strong se ve, así que se conserva, y el contenido de pre, textarea, script y style se copia exactamente.
Sí. Elija Formatear y la línea única se expande en marcado sangrado, un elemento por línea. No se añade ni se quita nada, así que lee exactamente lo que recibió el navegador. Elija el ancho de sangría y el ancho de ajuste que coincidan con su editor.
No. Todo lo que está dentro de una etiqueta style o script se copia sin cambios, porque minificarlo requiere un analizador real de CSS o JavaScript. Páselos por CSS Minifier y JavaScript Minifier y vuelva a pegar los resultados.
¿Sigue sin resolverlo? Pregunte sobre Formateador y minificador de HTML y cualquiera que lo sepa puede responder. No se necesita cuenta.