Como usar
- Cole seu HTML, abra um arquivo
.htmlou comece pelo exemplo: uma página espremida numa única linha. - Escolha 2 espaços, 4 espaços ou tabulações. O HTML formatado aparece enquanto você digita.
- Copie, baixe ou clique em Publicar esta página para colocá-lo no ar.
O que muda e o que não muda
Formatar só adiciona e remove espaços entre as tags: cada elemento de bloco começa na própria linha, recuado conforme a profundidade. Texto, atributos e o conteúdo de <pre> e <textarea> ficam como estão, então a página tem a mesma aparência antes e depois. Linhas em branco deixadas entre seções são mantidas (até duas seguidas), e o conteúdo de <script> e <style> também é recuado.
Quando ajuda
- Para ler o código-fonte de uma página que outra pessoa construiu, ou de um template minificado.
- Para arrumar o HTML que um assistente de IA escreveu antes de editá-lo.
- Para deixar um diff legível: formate as duas versões do mesmo jeito primeiro.
Perguntas frequentes
Formatar muda a aparência da minha página?
Não para elementos de bloco. Entre elementos inline, como dois links lado a lado, qualquer espaço aparece como um espaço só, e o formatador mantém na mesma linha os elementos inline que estavam lado a lado.
Ele conserta HTML quebrado?
Não: ele recua o que existe. Para ver como um navegador o lê, abra-o no Visualizador de HTML.
Que formatador ele usa?
O js-beautify, um formatador open source muito usado, rodando no seu navegador.
Meu HTML é enviado para algum lugar?
Não. A formatação roda no seu navegador. Ele só é enviado ao Lobsite se você clicar em Publicar esta página.