Formatador e Embelezador de HTML
Formate e embeleze HTML bagunçado ou minificado — recue tags aninhadas conforme a profundidade, mantenha os atributos intactos e deixe o conteúdo de <pre>, <script>, <style> e <textarea> sem alterações. Roda inteiramente no seu navegador.
Entrada
Configurações
Saída
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/html-formatter-beautifier \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlSource": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta ch…",
"indentation": " ",
"preserveNewlines": "",
"removeComments": ""
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `html-formatter-beautifier` tool (HTML Formatter & Beautifier) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/html-formatter-beautifier/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Formatador e Embelezador de HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
Cole HTML minificado, gerado por máquina ou simplesmente com indentação bagunçada e receba-o de volta bem reindentado — um nível de aninhamento por linha, atributos intocados e as tags que não devem ser reformatadas completamente preservadas. Útil para ler o código-fonte de uma página minificada, limpar marcação colada de um editor WYSIWYG ou organizar um template antes de commitá-lo.
Como usar
- Cole seu HTML na caixa de entrada ou envie um arquivo
.html/.htm. - Escolha a indentação: 2 espaços, 4 espaços ou tab.
- Opcionalmente, ative Manter linhas em branco existentes (mantém o espaçamento intencional entre seções) ou Remover comentários HTML (remove tudo que estiver entre
<!-- -->). - Copie o resultado ou baixe-o como
formatted.html.
A formatação acontece enquanto você digita — não há botão para pressionar.
Como a ferramenta decide o que fica em uma linha
Uma tag cujo conteúdo inteiro é texto, ou texto misturado com elementos inline como <a>, <span>, <strong>, <em> ou <img>, permanece em uma única linha — <li>Item 1</li> e <p>Olá <strong>mundo</strong>!</p> não são espalhados por cinco linhas só porque há uma tag aninhada no meio. Uma tag que contém filhos de bloco (<div>, <ul>, <section> e similares) é quebrada: a tag de abertura, cada filho e a tag de fechamento ficam em suas próprias linhas, indentados um nível a mais que o pai.
Elementos void — <br>, <hr>, <img>, <input>, <meta>, <link>, <area>, <base>, <col>, <embed>, <source>, <track>, <wbr> — nunca recebem uma tag de fechamento nem um nível de indentação falso para "filhos" que não podem ter. A sintaxe self-closing (<img />) é preservada exatamente como você escreveu.
O que ela nunca toca
- O conteúdo de
<pre>,<script>,<style>e<textarea>é reproduzido byte a byte. O espaçamento dentro deles faz parte do que é renderizado ou executado — reformatar um bloco<pre>altera o texto exibido, e reindentar o corpo de um<script>pode mudar o comportamento se ele tiver um template literal ou uma string sensível à indentação. A ferramenta reindenta apenas a tag de abertura e deixa tudo entre ela e a tag de fechamento correspondente exatamente como você escreveu. - Os atributos nunca são reordenados, reescritos ou reformatados. Qualquer aspas e espaçamento que sua tag usava permanecem exatamente como estão; apenas a posição e a indentação da tag mudam.
- HTML malformado não derruba o formatador. Uma tag de fechamento sem correspondência é descartada em vez de corromper o resto da saída, então colar um fragmento (e não um documento completo) funciona normalmente.
Por que ela não corrige tags não fechadas nem valida minha marcação?
Ela é um formatador, não um validador — reindenta a estrutura que consegue interpretar e deixa a marcação realmente quebrada o mais próxima possível da sua intenção original. Se você precisar verificar tags faltando, aninhamento incorreto ou atributos inválidos, execute o resultado em um validador de HTML depois.
Ela minifica ou remove algo?
Não — a indentação é adicionada, não removida, e nenhuma tag, atributo ou texto é excluído (comentários só são removidos se você ativar essa opção). Se o objetivo for reduzir o tamanho em bytes de uma página, use o Minificador de HTML.
Meu HTML é enviado para algum lugar?
Não. O formatador roda inteiramente no seu navegador — sua marcação nunca é enviada a um servidor, registrada ou armazenada, e enviar um arquivo apenas o lê localmente na página. Funciona offline.