Formatador de HTML
Embeleze HTML com indentação consciente de blocos, ou minifique-o. O conteúdo de pre, textarea, script e style é preservado.
Ferramentas relacionadas
Como usar o/a Formatador de HTML
- 01
Cole o seu HTML na caixa de entrada.
- 02
Escolha Embelezar para o indentar ou Minificar para o comprimir.
- 03
Escolha o tamanho da indentação, depois copie o resultado.
O que o formatador de HTML faz
Este é um formatador de HTML que embeleza a marcação com indentação consciente de elementos de bloco e em linha, ou a minifica colapsando os espaços em branco e removendo os comentários. Escolha o tamanho da indentação ao embelezar.
Embelezar indenta os elementos consoante a forma como se aninham, por isso a estrutura de um documento, quais elementos contêm quais, torna-se óbvia. Isso torna o HTML escrito à mão ou gerado muito mais fácil de ler e depurar.
Tanto embelezar como minificar correm inteiramente no seu navegador, por isso a sua marcação nunca sai do seu dispositivo.
Elementos que deixa intactos
Deixa deliberadamente intacto o conteúdo de pre, textarea, script e style, porque os espaços em branco dentro desses elementos são significativos: reformatá-los mudaria o texto pré-formatado, o que os utilizadores escrevem, ou o significado do seu código.
Como funciona a minificação
Minificar remove os comentários e colapsa sequências de espaços em branco, o que reduz o tamanho do ficheiro que os navegadores têm de descarregar. É mais útil como passo de build para páginas de produção.
Porque é que mantém um espaço entre etiquetas
O minificador mantém um único espaço entre etiquetas em vez de o remover por completo, porque os espaços em branco entre elementos em linha são de facto renderizados, e removê-los pode deslocar o seu layout. Esta cautela evita os bugs visuais subtis que os minificadores agressivos podem causar.
Perguntas frequentes
O que faz embelezar HTML?
Indenta os elementos com base no seu aninhamento e estrutura, deixando intacto o conteúdo de pre, textarea, script e style, uma vez que o espaço em branco aí é significativo.
Como funciona a minificação de HTML?
Remove comentários e junta sequências de espaços em branco num único espaço. Mantém espaços únicos entre etiquetas em vez de os remover, porque o espaço em branco entre elementos inline é renderizado e eliminá-lo pode deslocar o esquema.
O meu HTML é enviado para um servidor?
Não. Tanto embelezar como minificar correm inteiramente no seu navegador, por isso a sua marcação nunca sai do seu dispositivo.