Examinar um componente HTML isolado
Torne visíveis contentores e atributos. O formulário não resolve componentes ou expressões específicos de Astro, JSX e outros idiomas de templates.
Formatador e minificador HTML
Formate HTML ou remova comentários comuns localmente, mantendo espaços do texto e conteúdo dos scripts na remoção de comentários.
- Área de transferência
- Exportar
Dados não enviados
Não foi possível processar esta entrada. Verifique a sintaxe e as limitações indicadas abaixo.
HTML processado
Esta ferramenta foi útil?
Como funciona esta ferramenta?
Reorganize documentos ou fragmentos HTML para examinar a estrutura sem abrir o código como página ativa. O formatador reconhece etiquetas, atributos e texto em vez de dividir em cada delimitador. Uma segunda ação remove comentários comuns de forma conservadora. Scripts não são executados, ligações e imagens não são carregadas e a página não é enviada a serviços remotos de formatação.
A formatação analisa HTML e aplica uma apresentação estruturada com atenção rigorosa aos espaços. Não coloca mecanicamente cada etiqueta numa nova linha: separar elementos em linha pode mudar os espaços visíveis no navegador.
O conteúdo de script e style não recebe outra transformação JavaScript ou CSS. Use os formatadores específicos para esses idiomas. A escrita e disposição dos atributos podem ser normalizadas; a saída não reproduz exatamente a origem.
Remover comentários não comprime globalmente espaços. Apenas elimina intervalos de comentários comuns reconhecidos. Os restantes caracteres mantêm-se, incluindo espaços em texto, pre e scripts. Conservam-se comentários marcados com !, diretivas iniciadas por # e comentários condicionais reconhecidos.
Esta abordagem não cobre todas as convenções aplicacionais. Um framework pode usar comentários aparentemente comuns como marcadores de hidratação. Mantenha essas saídas na cadeia de compilação e verifique as regras antes de apagar comentários. Uma apresentação correta não valida completamente acessibilidade, SEO ou comportamento.
Como usar esta ferramenta
Forneça HTML puro
Cole um fragmento ou importe um .html. Exclua delimitadores Markdown e código de template que o parser HTML não interprete.
Escolha a ação adequada
Formate para rever ou remova comentários comuns. A segunda ação não minifica integralmente página, scripts e estilos.
Verifique e obtenha a marcação
Examine texto em linha, atributos e marcadores antes de copiar ou descarregar. Alterar origem oculta a saída anterior; repor limpa ambos os campos.
Casos de uso
Partilhar um exemplo de marcação
Copie um excerto legível para documentação técnica. Os elementos continuam texto; não é produzida uma imagem do resultado visual.
Remover comentários explicativos
Elimine comentários comuns de fragmentos estáticos sem comprimir espaços de parágrafos ou blocos pré-formatados. Sem comentários, o ganho pode ser nulo.
Exemplos
Manter um fragmento em linha
O fragmento pode ficar numa linha com final normalizado. Não se impõem mudanças que poderiam acrescentar espaços visíveis.
Entrada
<div><span>x</span></div>Resultado
<div><span>x</span></div>
Remover um comentário sem alterar espaços
Desaparece apenas note. O parágrafo mantém espaços à volta de b e pre conserva espaçamento e mudança de linha.
Entrada
<!-- note --><p>a <b>b</b> c</p><pre> x y
z</pre>Resultado
<p>a <b>b</b> c</p><pre> x y
z</pre>Dicas e boas práticas
- Teste a saída na página real quando espaços em linha influenciarem a apresentação.
- Use o formatador XML para XML estrito; HTML segue regras de etiquetas diferentes.
- Remover comentários não elimina CSS não utilizado nem JavaScript morto.
- Guarde fontes comentadas quando as anotações ajudam a manutenção.
Fontes e referências
- HTML Living Standard (abre num novo separador), WHATWGPágina em inglês
Perguntas frequentes
Porque ficam algumas etiquetas na mesma linha?
Separar elementos em linha pode criar espaços visíveis. O formatador respeita o contexto em vez de colocar todas as etiquetas numa nova linha.
Remover comentários é minificação completa?
Não. O restante texto, incluindo espaços significativos e scripts, é mantido. Sem comentários comuns a saída pode ser idêntica à entrada.
Scripts e estilos integrados são executados ou formatados?
Não são executados e a apresentação HTML não aplica formatação de idiomas integrados. Use as ferramentas JavaScript e CSS para transformar explicitamente esses excertos.
Posso apagar comentários de páginas geradas por frameworks?
Verifique primeiro as convenções. Comentários podem transportar marcadores usados pelo runtime. Uma ação para HTML estático não substitui a compilação do framework.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Formate ou minifique CSS para melhorar a legibilidade ou reduzir o tamanho.
DesenvolvimentoUtilizar esta ferramenta
Formate JavaScript, TypeScript ou JSX para facilitar a leitura sem executar código. Processamento local no navegador.
DesenvolvimentoUtilizar esta ferramenta
Formate, minifique e valide um documento XML diretamente no navegador.
DesenvolvimentoUtilizar esta ferramenta