Formateador de HTML
Formatea HTML con indentación legible conservando elementos, atributos, texto, comentarios y estructura del documento.
Make HTML structure easier to inspect
El HTML compacto puede ocultar anidación, atributos, nodos de texto y comentarios en una sola línea. Este formateador presenta un diseño legible para revisar el marcado.
El formato cambia la presentación y no demuestra que el HTML sea válido, accesible, seguro o compatible con un navegador. Conserva el original y revisa un diff.
Usa una muestra con elementos anidados, atributos, texto, comentarios y caracteres entre comillas; ejecuta las comprobaciones requeridas.
Formatting is not HTML validation
HTML es un árbol de elementos, atributos, texto, comentarios y declaraciones. La indentación facilita seguir las relaciones y etiquetas de cierre.
El formateador organiza espacios según su ruta de análisis, pero no prueba el estándar, accesibilidad, seguridad, plantillas ni comportamiento.
Los navegadores pueden recuperar marcado incorrecto de forma distinta. Comprueba elementos void, etiquetas opcionales, scripts, estilos y entidades.
How to format HTML
- Pega un documento HTML completo o un fragmento compatible.
- Revisa anidación, etiquetas, atributos, texto, comentarios, scripts y estilos.
- Compara valores, entidades, texto y orden con el original.
- Ejecuta validación HTML, accesibilidad, pruebas de plantilla y navegador.
- Elimina credenciales y datos personales de las muestras.
Formatting method
- Lee elementos, atributos,
Lee elementos, atributos, texto, comentarios, declaraciones y regiones incrustadas.
- Añade saltos e
Añade saltos e indentación para mostrar elementos anidados y orden de hermanos.
- Conserva valores, texto,
Conserva valores, texto, comentarios, entidades, scripts y estilos del origen.
El comportamiento de recuperación, etiquetas opcionales, espacios, lenguajes incrustados y errores debe confirmarse en un motor real.
Read the formatted result
El resultado correcto es una disposición legible del HTML. Compara estructura, atributos, texto, comentarios, entidades y scripts con el original.
Un fallo no prueba cómo recupera el navegador ni un error exacto del parser.
Un problema de validador, accesibilidad o build es separado; el formato no añade semántica ni seguridad.
Errores comunes
Confundir indentación con validación puede ocultar atributos faltantes, anidación inválida o problemas de accesibilidad.
Cambiar entidades, atributos o texto sensible a espacios puede cambiar el comportamiento.
Suponer que el navegador recupera igual que el formateador puede ocultar diferencias.
Pegar plantillas privadas, tokens o datos de usuarios puede exponer información sensible.
Límites y casos especiales
La función formatea HTML y no garantiza estándar, accesibilidad, seguridad, compatibilidad, plantillas ni minificación.
Prueba etiquetas opcionales, elementos void, CSS, JavaScript, entidades y documentos grandes con las herramientas reales.
No pegues marcado confidencial sin permiso de tu política.
Examples
¿El formato valida HTML?
¿El formato valida HTML?
Pega un documento HTML completo o un fragmento compatible.
El resultado correcto es una disposición legible del HTML. Compara estructura, atributos, texto, comentarios, entidades y scripts con el original.
¿Cambiará el comportamiento?
¿Cambiará el comportamiento?
Revisa anidación, etiquetas, atributos, texto, comentarios, scripts y estilos.
Un fallo no prueba cómo recupera el navegador ni un error exacto del parser.
¿Se conservan los atributos?
¿Se conservan los atributos?
Compara valores, entidades, texto y orden con el original.
Un problema de validador, accesibilidad o build es separado; el formato no añade semántica ni seguridad.
¿Se conservan los comentarios?
¿Se conservan los comentarios?
Ejecuta validación HTML, accesibilidad, pruebas de plantilla y navegador.
El resultado correcto es una disposición legible del HTML. Compara estructura, atributos, texto, comentarios, entidades y scripts con el original.
¿Puedo formatear un fragmento?
¿Puedo formatear un fragmento?
Elimina credenciales y datos personales de las muestras.
Un fallo no prueba cómo recupera el navegador ni un error exacto del parser.
¿Mejora la accesibilidad?
¿Mejora la accesibilidad?
Pega un documento HTML completo o un fragmento compatible.
Un problema de validador, accesibilidad o build es separado; el formato no añade semántica ni seguridad.
Frequently asked questions
¿El formato valida HTML?
No. Usa validador HTML, accesibilidad, navegador y pruebas de plantilla.
¿Cambiará el comportamiento?
Debería cambiar solo espacios de presentación, pero compara y prueba cuando importen los espacios.
¿Se conservan los atributos?
Los ejemplos conservan nombres y valores; revisa URLs, clases e IDs con un diff.
¿Se conservan los comentarios?
Los ejemplos conservan comentarios en la vista; confirma el comportamiento con tu entrada.
¿Puedo formatear un fragmento?
Usa un documento completo o fragmento compatible, que puede depender del contexto.
¿Mejora la accesibilidad?
No. Facilita la revisión, pero semántica, foco, contraste y ARIA requieren controles específicos.
¿Repara HTML incorrecto?
No lo supongas; corrige el origen y valida con navegador y herramientas.
¿Qué hago después?
Revisa el diff, ejecuta validadores y accesibilidad y renderiza en navegadores objetivo.