Softonic

Formatador de HTML

Etapa 1 / 3

Cole até 100.000 caracteres de HTML. O código não é executado.

Próximo: escolha o recuo

Cole o HTML, escolha dois ou quatro espaços e confira uma cópia mais fácil de ler. O formatador só adiciona recuos quando a estrutura está clara. Ele preserva o texto junto aos elementos inline, os atributos e os blocos sensíveis como foram escritos. Se a estrutura for incerta, o código inserido fica inalterado e aparece um aviso sem resultado formatado.

Formate HTML em três etapas

  1. 1

    Cole seu HTML

    Insira o código que você quer organizar. Pode ser um trecho ou um documento completo.

  2. 2

    Escolha o recuo

    Selecione dois ou quatro espaços para os blocos aninhados. Isso altera a disposição do resultado, sem mudar as tags nem os atributos HTML.

  3. 3

    Confira e use o resultado

    Compare o resultado com o código original. Se ele servir para seu projeto, copie ou baixe o arquivo. Se aparecer um aviso, não haverá resultado formatado.

O que muda e o que é preservado

O formatador adiciona recuos a blocos cuja estrutura está clara, sem separar uma frase entre as tags. Por exemplo, este trecho compacto:

<main><section><h2>Notícias</h2><p>Leia <a href="/news">as últimas novidades</a>.</p></section></main>

pode ficar assim:

<main>
  <section>
    <h2>Notícias</h2>
    <p>Leia <a href="/news">as últimas novidades</a>.</p>
  </section>
</main>

As palavras ao redor do link e o valor de href permanecem como foram escritos. Escolha quatro espaços se esse for o padrão do seu projeto. A ferramenta não ordena atributos, não muda aspas, não reescreve entidades, não minifica código nem corrige HTML.

Os espaços em branco entre elementos podem afetar CSS, scripts e modelos de página. O recuo de um bloco com estrutura clara pode adicionar quebras de linha e espaços entre as tags. Confira o resultado antes de usá-lo em um documento sensível a espaços em branco. O conteúdo de <pre>, <code>, <textarea>, <script> e <style> permanece como foi inserido.

Se o formatador não conseguir determinar a estrutura com segurança, por exemplo devido a código malformado ou a tags de fechamento omitidas, o código inserido fica inalterado e aparece um aviso. Nenhum resultado formatado é gerado. Esse aviso indica um limite da formatação, não determina se o HTML é válido. Use um validador de HTML quando precisar verificar a conformidade com o padrão.

Perguntas frequentes

Não. Ela só muda o recuo quando a estrutura está clara. Não identifica todos os erros de HTML nem insere tags ausentes. Um aviso significa que não foi possível formatar o código com segurança.

O formatador preserva o texto junto aos elementos inline, inclusive os espaços ao redor deles. Ele pode adicionar espaços em branco entre blocos com estrutura clara. Por isso, compare o resultado antes de usá-lo em um modelo sensível a espaços em branco.

Blocos completos de pre, code, textarea, script e style permanecem como foram inseridos. A ferramenta não reformata o conteúdo deles.

A formatação acontece no seu navegador. O fluxo de várias etapas guarda o código no armazenamento de sessão desta aba para mantê-lo disponível entre as etapas.

Quando uma tag de fechamento omitida torna o recuo incerto, o código inserido fica inalterado e a ferramenta mostra um aviso sem resultado formatado. Adicione tags de fechamento explícitas para obter uma disposição previsível.

Ferramentas relacionadas

Gerador de cards CSS

Crie um card com seu título, texto e link opcional. Ajuste cores, borda, espaçamento, sombra e efeito ao passar o mouse. Depois copie ou baixe o HTML e o CSS.

Gerador de textura de ruído

Gere uma textura de ruído em SVG que se repete sem emendas, com opacidade, frequência do grão, tipo de ruído e cor de fundo ajustáveis, e copie o CSS já pronto.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Gerador de Imagem Markdown

Gere a sintaxe de imagem do Markdown com texto alternativo, atributo de título e link opcional. Saída inline e em estilo de referência.

Ferramenta disponível em outros idiomas