Las herramientas de desarrollo que usas cada día, todas en un mismo lugar.

Conversores, formateadores, hashes, validadores y las pequeñas utilidades que no dejas de reabrir se quedan juntos en lugar de perderse entre pestañas.

GitHub

/ Herramientas

■

/ Buscador de herramientas

109 herramientas

/ Formateador HTML

Entrada HTML

/ Herramienta seleccionada

■

Formateador HTML - herramienta de formateo gratuita

Formatea y embellece código HTML con la indentación adecuada

■ 01

¿Qué es el formateo de HTML?

El formateo de HTML reestructura el código HTML para seguir patrones consistentes de sangría y saltos de línea. Esto hace que el código sea más legible y fácil de mantener. La minificación elimina todos los espacios en blanco y comentarios innecesarios para…

■ 02

¿Cómo funciona?

El formateo analiza las etiquetas HTML y añade la sangría adecuada según el nivel de anidamiento. Los elementos autocerrados y vacíos como <img> y <br> se manejan de forma apropiada. La minificación elimina los comentarios y colapsa los espacios en blanco. Formatea…

■ 03

Casos de ejemplo

Cubre Estructura simple, Con atributos y Anidamiento complejo para que puedas comparar entradas y salidas comunes rápidamente.

/ Herramientas relacionadas

/ Código

■

Código fuente de la herramienta seleccionada, mostrado aquí junto a la versión en vivo a la derecha.

/ Código fuente

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([