~/tools / HTML Formatter
HTML Formatter
Formate HTML com indentação. Analisado usando o DOMParser nativo do navegador, então o resultado reflete como um navegador real interpretaria o markup.
Útil quando você precisa entender um HTML minificado/em uma linha, ou organizar a saída de um motor de templates. Como é analisado com o mesmo motor que um navegador real usa, mesmo HTML levemente quebrado é interpretado razoavelmente.
# Casos de uso
- Inspecionar a saída HTML minificada de um motor de templates ou de um framework SSR
- Entender a estrutura de um HTML comprimido
- Verificar como um navegador interpretará um HTML com uma tag de fechamento ausente
# Como usar
- Cole o HTML que deseja formatar na área de texto.
- Clique em "Format" para vê-lo com uma indentação legível.
# FAQ
- Lida com HTML quebrado (tags de fechamento ausentes, etc.)?
- Sim. Ao contrário do XML, o parser HTML do navegador não gera erros — ele tenta interpretar o markup da melhor forma possível. O resultado pode não corresponder sempre à sua intenção, então verifique.
- Reformata o conteúdo de <script> ou <style>?
- Não — o JavaScript/CSS dentro dessas tags é exibido como texto simples, sem modificações.
# Relacionados
# Aprenda nos sites irmãos
- Learn HTML/CSS
Learn by running it in your browser — prodou.net