01 / Exemplo
Exemplo
Sua entrada
<ul>
<li>Olá</li>
<li>Bem-vindo</li>
</ul>Resultado
<ul><li>Olá</li><li>Bem-vindo</li></ul>Formatação de código / MULTIVERTO
Minimizar HTML
Compacte os espaços em branco estruturais que podem ser removidos com segurança de um documento HTML.
Conversor interativoSua entrada permanece neste navegador. Nenhum texto é enviado para conversão.
O arquivo permanece no seu navegador.
Encadear ferramentas
Aplique cada ferramenta de texto ao resultado anterior. Fluxos de trabalho com texto ↗
Somente o nome da sequência e a ordem das ferramentas são salvos neste navegador. Sua entrada e seus resultados nunca são salvos.
02 / Guia
Minimizar HTML — Como funciona
O que muda nesta ferramenta
Compacte espaços estruturais seguros em HTML. A ferramenta remove apenas espaços de apresentação selecionados; inspecione o resultado nos pontos onde os espaços têm significado. Ela se concentra em listas, tabelas e contêineres semelhantes. Preserva deliberadamente o espaçamento em outros nós de texto porque um espaço entre elementos inline pode ser visível. É uma primeira passada conservadora, não um minificador completo para produção.
Conheça o formato
A operação compacta apenas remove espaços em branco estruturais em contextos como listas e tabelas; não recolhe texto arbitrário ou reescreve atributos. Esta restrição é importante porque dois elementos inline separados por um espaço podem renderizar de forma diferente dos mesmos elementos sem espaço. A análise do navegador também suporta tags de fechamento opcionais e recuperação de erros, que este editor limitado não reproduz.
Um fluxo de trabalho confiável
A compactação é útil quando uma máquina consome o resultado e o recorte humano é desnecessário. Primeiro verifique se o código fonte não modificado funciona, depois inspecione o que a operação remove. Esta ferramenta não reivindica a mesma redução de tamanho que um minifier de produção: tais ferramentas podem analisar a gramática completa, reescrever identificadores, dobrar constantes ou aplicar compressão após serialização. Aqui a política é conservadora, então uma construção incerta deve permanecer intacta ou causar um erro. No exemplo localizado, uma lista com “<li>Olá</li>” e “<li>Bem-vindo</li>” é compactada para “<ul><li>Olá</li><li>Bem-vindo</li></ul>”. O texto de cada item permanece intacto. Leia a pontuação, bem como as palavras visíveis: essa pequena amostra é um resultado observável desta operação em particular. Altere um recurso que você gosta na fonte e compare o mesmo lugar no resultado. Compare um parágrafo dividido por um link inline com o mesmo parágrafo após a compactação. Um espaço em falta ao redor do link pode unir palavras visíveis mesmo que as tags permaneçam equilibradas. Inspecione o texto em um navegador e, em seguida, inspecione a fonte em torno dos nós de texto, em vez de julgar apenas o tamanho do arquivo.
Verifique o resultado
Use isso quando o espaço em branco estrutural em uma lista ou tabela simples torna um snippet desnecessariamente longo. Renderize o resultado ao lado do original, especialmente se elementos inline cercarem um nó de texto. Reduzir todos os espaços em branco no HTML alteraria o texto visível, então essa operação mantém mais espaços do que um minifier de compilação agressivo e recusa o conteúdo de texto bruto arriscado. Mantenha o original ao lado da saída e teste um pequeno exemplo conhecido antes de manipular um documento grande. Compare conteúdo significativo, não apenas o tamanho do arquivo ou o número de linhas. Verifique nomes, strings entre aspas, caracteres não ASCII, terminações de linha e quaisquer campos repetidos após a transformação.
HTML — Entrada
Ler e transformar estrutura
HTML — Resultado
Explorar guias