Embeleze HTML com indentação consciente de blocos, ou minifique-o. O conteúdo de pre, textarea, script e style é preservado.
Como usar o/a Formatador de HTML
Cole o seu HTML na caixa de entrada.
Escolha Embelezar para o indentar ou Minificar para o comprimir.
Escolha o tamanho da indentação, depois copie o resultado.
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.
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.
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.
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
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.
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.
Não. Tanto embelezar como minificar correm inteiramente no seu navegador, por isso a sua marcação nunca sai do seu dispositivo.
Incorporar esta ferramenta
Adicione esta ferramenta ao seu próprio site. Copie o excerto abaixo; mantém-se atualizado automaticamente.
<iframe src="https://monu.tools/embed/pt/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Ferramentas relacionadas
Embeleze e formate JavaScript com indentação e espaçamento consistentes. Corre inteiramente no seu navegador.
Converta CSV num ficheiro Excel .xlsx e Excel de volta para CSV, inteiramente no seu navegador. Funciona nos dois sentidos.
Gere interfaces TypeScript a partir de um exemplo JSON, com tipos aninhados, arrays e campos opcionais. Corre no seu navegador.
Converta JSON para XML e XML de volta para JSON, nos dois sentidos, inteiramente no seu navegador.