Indenta HTML minificado o mal ordenado para que se pueda leer. Va bien para entender el código que te ha escupido una herramienta, para revisar una plantilla o para ver qué hay dentro de un correo en HTML.
Respeta los elementos en línea y no parte el texto en medio de un párrafo, que es lo que hace que una indentación automática sea útil en vez de molesta.
Cómo se usa
- Pega el marcado.
- Ajusta la indentación.
- Copia o descarga el resultado.
Preguntas frecuentes
- ¿Cambia lo que se ve en la página?
- Con HTML bien formado, no debería. Los espacios entre elementos en línea sí cuentan, así que revísalo si tienes una maquetación delicada con inline-block.
- ¿Sirve para JSX o para plantillas?
- Solo a medias. Las llaves de JSX y las etiquetas tipo {{ }} o <?php ?> lo despistan, porque analiza HTML y nada más.
- ¿Y para minificarlo?
- Esta herramienta va en el otro sentido. Para adelgazar la página, lo que más cuenta es el CSS y el JavaScript, que tienen sus propias herramientas aquí mismo.
Herramientas relacionadas
Minificar CSSCSSO: reestructura y fusiona reglas, no solo quita espacios.
Minificar JavaScriptTerser en el navegador, con acortado de nombres opcional.
Contar palabras y caracteresRecuento en vivo, tiempo de lectura y los límites de cada plataforma.
Cambiar mayúsculas y minúsculasMAYÚSCULAS, minúsculas, Tipo Título, camelCase, snake_case y más.
Ordenar y limpiar líneasOrdena, quita duplicados y líneas vacías, numera o invierte una lista.