Ferramentas HTML

Uma caixa de ferramentas HTML completa: formatar/embelezar, minimizar/compactar, validar a sintaxe e renderizar uma pré-visualização em direto.
Todo o processamento é feito localmente no seu navegador — os seus dados nunca são enviados para nenhum servidor.
Modo:
HTML de entrada
Saída
Como utilizar: cole o seu HTML na área de texto da esquerda, escolha um modo e clique em Processar.
Formatar: embeleza o HTML com indentação configurável (2/4 espaços ou tabulações). Preserva comentários, doctype e o conteúdo de <script>/<style>.
Minimizar: remove todos os espaços em branco desnecessários para produzir o HTML mais compacto possível. Preserva os espaços em branco dentro de <pre> e <textarea>.
Validar: verifica a correspondência das etiquetas HTML, as regras dos elementos vazios e comunica erros comuns de aninhamento com números de linha/coluna.
Pré-visualizar: renderiza o seu HTML num iframe em sandbox para ver exatamente o aspeto num navegador.
Análise sintática vs. formatação

Os analisadores HTML são tolerantes — fecham automaticamente as etiquetas e recuperam de erros, razão pela qual a marcação descuidada ainda assim se renderiza. Um formatador volta a emitir essa estrutura analisada com indentação normalizada, enquanto um minimizador retira os espaços em branco que os analisadores tratam como colapsáveis.

Os espaços em branco só importam entre elementos inline — os elementos de bloco colapsam os espaços em redor, razão pela qual minimizar costuma ser seguro.