Gli strumenti per sviluppatori che usi ogni giorno, tutti in un unico posto.

Convertitori, formattatori, hash, validatori e le piccole utility che continui a riaprire restano insieme invece di perdersi tra le schede.

GitHub

/ Strumenti

■

/ Cerca strumento

109 strumenti

/ Formattatore HTML

Input HTML

/ Strumento selezionato

■

Formattatore HTML - strumento di formattazione gratuito

Formatta e abbellisci il codice HTML con la corretta indentazione

■ 01

Cos'è la formattazione HTML?

La formattazione HTML ristruttura il codice HTML per seguire schemi coerenti di indentazione e interruzioni di riga. Questo rende il codice più leggibile e facile da mantenere. La minificazione rimuove tutti gli spazi bianchi e i commenti superflui per…

■ 02

Come funziona?

La formattazione analizza i tag HTML e aggiunge l'indentazione corretta in base al livello di annidamento. Gli elementi auto-chiusi e void come <img> e <br> vengono gestiti in modo appropriato. La minificazione elimina i commenti e comprime gli spazi bianchi. Formatt…

■ 03

Casi di esempio

Copre struttura semplice, struttura con attributi e annidamento complesso, così puoi confrontare rapidamente input e output comuni.

/ Strumenti correlati

/ Codice

■

Codice sorgente dello strumento selezionato, mostrato qui accanto alla versione live sulla destra.

/ Codice sorgente

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([