As ferramentas de desenvolvimento que você usa todos os dias, tudo em um só lugar.

Conversores, formatadores, hashes, validadores e os pequenos utilitários que você fica reabrindo permanecem juntos em vez de se perderem entre as abas.

GitHub

/ Ferramentas

■

/ Buscador de ferramentas

109 ferramentas

/ Formatador de HTML

Entrada HTML

/ Ferramenta selecionada

■

Formatador de HTML - ferramenta de formatação gratuita

Formate e embeleze código HTML com indentação adequada

■ 01

O que é formatação de HTML?

A formatação de HTML reestrutura o código HTML para seguir padrões consistentes de indentação e quebra de linha. Isso torna o código mais legível e fácil de manter. A minificação remove todo o espaço em branco e comentários desnecessários para…

■ 02

Como funciona?

A formatação interpreta as tags HTML e adiciona a indentação adequada com base no nível de aninhamento. Elementos auto-fecháveis e void como <img> e <br> são tratados apropriadamente. A minificação remove comentários e colapsa o espaço em branco. Formata…

■ 03

Casos de exemplo

Abrange Estrutura simples, Com atributos e Aninhamento complexo, para você comparar entradas e saídas comuns rapidamente.

/ Ferramentas relacionadas

/ Código

■

Código-fonte da ferramenta selecionada, mostrado aqui ao lado da versão ao vivo à direita.

/ Código-fonte

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