Algo errado nesta ferramenta?

Sobre «Embelezador HTML Linha A Linha Online»

Esta ferramenta pega qualquer HTML — minificado, embaralhado, ou simplesmente bagunçado — e produz uma saída limpa, bem indentada e com espaçamento adequado. Cada tag ganha sua própria linha onde apropriado, atributos se alinham organizadamente, e a indentação reflete a profundidade de aninhamento.

Útil para entender HTML de produção comprimido, apresentar markup em documentação ou tutoriais, limpar HTML gerado antes de fazer commit no git, ou normalizar saída de múltiplos colaboradores com preferências de estilo de código diferentes.

O embelezador lida com tags autofechadas, elementos inline vs nível de bloco, conteúdo pré-formatado (<pre>, <textarea>, <script>) e recursos modernos HTML5. Escolha o estilo de indentação (espaços vs tabs) e largura para combinar com as convenções da sua equipe.

Como usar esta ferramenta

Como embelezar HTML comprimido ou colado em uma linha

  1. Cole o HTML

    HTML minificado ou em uma linha no campo "HTML". Documentos completos (com `<!doctype>`) e fragmentos são aceitos; comentários e conteúdo inline de `<script>` / `<style>` passam inalterados.

  2. Executar

    Resultado: um único campo `formatted` — indentação 2 espaços, uma tag por linha em quebras estruturais, atributos na mesma linha da tag. Linhas longas não são quebradas automaticamente — seletores em `class` e valores `srcset` permanecem intactos.

  3. Diferença para `html-formatter`

    Funcionalmente intercambiáveis. Este foi nomeado para quem busca "HTML beautifier" — escolha o que parecer mais óbvio, a saída é a mesma.

  4. Depois de embelezar

    Para HTML de produção rode o resultado de novo por um minifier (ex. htmlmin no seu build). A forma embelezada é para leitura e code review, não para entrega pela rede.