EspañolES

Formateador de HTML – ordenar código HTML

Pega tu HTML y haz clic en “Formatear HTML” para ordenarlo con las reglas de Prettier.

Tus textos y archivos no salen de tu navegador: no se envía nada a ningún servidor.

Cómo se usa

  1. Pega tu HTML y haz clic en “Formatear HTML”. La primera vez puede tardar un momento mientras se descarga el formateador.
  2. Ajusta “Sangría” y “Ancho de línea”. Las líneas que pasan de ese ancho se parten llevando atributos o contenido a líneas nuevas.
  3. El modo de espacios predeterminado protege los espacios alrededor de los elementos en línea para que la página se vea igual. “Ignorar los espacios” deja el código más ordenado, pero puede cambiar la separación entre palabras.
  4. Si las etiquetas no coinciden, se muestran la línea y la columna del problema. Para revisar la estructura más a fondo, prueba el Validador de HTML.

Preguntas frecuentes

¿Qué reglas de formato usa?

Ejecuta Prettier, un formateador de código abierto muy usado (licencia MIT), directamente en tu navegador, así que el resultado es prácticamente el mismo que te da Prettier en tu editor.

¿El formato cambia el aspecto de la página?

Con la opción predeterminada, los espacios se tratan de forma que la página se vea igual; por eso a veces las etiquetas se parten en líneas de forma rara. “Ignorar los espacios” queda más limpio, pero puede cambiar la separación entre elementos en línea.

¿Se envía mi código a un servidor?

No. Hasta el propio formateador se descarga en tu navegador, y todo se procesa en tu dispositivo.

Herramientas relacionadas

Validador de HTMLRevisa las etiquetas y la estructura del HTMLFormateador JS/CSSFormatea JS, TS, CSS, SCSS y LESSEditor HTMLEscribe HTML, CSS y JS y velo en vivoFormateador XMLFormatea, minifica y valida XML

Todas las herramientas