Formatador de HTML

Próximo

Cole o markup e este formatador local organiza tags e texto em linhas recuadas. Escolha dois ou quatro espaços, confira o resultado e copie-o para leitura ou revisão. Seu HTML permanece nesta sessão do navegador.

Formate HTML em três etapas

  1. 1

    Cole o markup

    Adicione o HTML que deseja inspecionar. Ele não é enviado ao servidor.

  2. 2

    Escolha a indentação

    Use dois ou quatro espaços para cada nível de aninhamento.

  3. 3

    Revise e copie

    Confira o texto formatado antes de usá-lo em outro lugar.

O que este formatador faz

Este formatador é um leitor estrutural simples, não um analisador HTML completo. Ele coloca tags de abertura e fechamento, comentários, declarações e texto em linhas separadas e então aplica a indentação selecionada. Elementos vazios comuns, como <img>, <br> e <meta>, não criam outro nível.

Blocos que começam com <pre>, <code>, <textarea>, <script> ou <style> permanecem juntos como foram informados. A ferramenta não valida markup, não corrige tags não fechadas, não quebra atributos, não normaliza a sintaxe de autoclose e não interpreta a semântica de CSS ou JavaScript.

A formatação pode alterar espaços ao redor de nós de texto comuns. Trate a saída como uma cópia de trabalho mais legível e compare-a antes de salvar ou publicar um modelo sensível a espaços. Para validação, use um validador HTML.

Perguntas frequentes

Não. A formatação e a cópia ocorrem no navegador. As etapas do funil mantêm a entrada apenas temporariamente no armazenamento da sessão.

Não. Ela só aplica uma indentação simples e não consegue determinar se o markup é válido ou semanticamente correto.

Não. Blocos completos de script e style permanecem como foram inseridos.

Ferramentas relacionadas