RODA NO SEU NAVEGADOR

Formatador e inspetor de HTML

Escolha um arquivo .html ou .htm, ou cole o código, e você vê o código-fonte como texto, não como página renderizada, com uma lista de achados estruturais com linha e coluna: elementos fechados pela tag errada, elementos ainda abertos no fim do arquivo, tags de fechamento sobrando, barra de autofechamento em div, atributos repetidos, aspas quebradas e referências de caractere sem ponto e vírgula ou fora do Unicode. Em tags cruzadas, o achado também aponta onde o elemento foi aberto. O inspetor informa se o doctype falta, está malformado, vem depois do conteúdo ou ativa o modo quirks; confere as declarações meta charset, http-equiv e XML com os bytes UTF-8 reais e avisa quando aparecem depois dos primeiros 1024 bytes; monta um sumário de títulos h1–h6 com saltos de nível e uma lista de landmarks como main e nav; e lista os scripts, iframes, folhas de estilo, imagens, dicas de pré-carregamento e origens externas declarados no código. Para arrumar o código, mude a transformação para Reindentar, escolha 2 espaços, 4 espaços ou tab e quebras de linha LF ou as CRLF originais. O relatório mostra cada linha cuja indentação mudou e cada trecho mantido intacto, e o resultado é baixado como nome.formatted.html.

Tipos de arquivo: .html, .htmProcessamento: Este navegador

ou arraste um arquivo aqui

✓ Não sai deste aparelhoTamanho máximo: 7.6 MB
COMO USAR

Como usar o Formatador e inspetor de HTML

01

Coloque seu arquivo

Escolha ou arraste um arquivo .html ou .htm. Dá para colar o conteúdo também.

02

Deixe a ferramenta ler

O arquivo é lido e analisado neste navegador; nada é enviado.

03

Confira o resultado

Veja o que voltou e então copie, baixe ou siga em frente.

Perguntas frequentes

Como abrir um arquivo HTML e ver o código-fonte em vez da página?

Selecione o arquivo .html ou .htm, ou cole o código, e ele aparece como texto-fonte com os achados estruturais ao lado. Nada é renderizado, então tags, atributos e comentários ficam visíveis exatamente como foram escritos. O padrão é apenas inspecionar; para obter uma cópia arrumada, troque a transformação para Reindentar e baixe o resultado.

Dá para formatar HTML sem enviar o arquivo para um servidor?

Sim, o arquivo HTML é lido e formatado dentro da aba do seu navegador e não é enviado para servidor nenhum. A ferramenta também não baixa os scripts, folhas de estilo, imagens ou fontes citados no documento, nem faz pré-resolução de DNS ou pré-conexão, então inspecionar uma página interna não avisa os domínios que ela referencia.

Como ver o código HTML no celular Android ou iPhone sem baixar aplicativo?

Abra esta página no navegador do celular, escolha o arquivo HTML nos seus arquivos ou cole o código, e o código-fonte aparece como texto. Normalmente o celular entrega o HTML direto ao navegador, que mostra a página e esconde as tags; aqui nada é renderizado. Os mesmos passos funcionam em navegadores atuais no Windows, Mac e Linux.

Por que meu arquivo HTML dá erro de UTF-8 inválido?

O arquivo foi salvo em outra codificação, como Windows-1252 ou ISO-8859-1, e a ferramenta só decodifica UTF-8, parando no primeiro byte inválido. A mensagem informa o deslocamento em bytes, a linha e a coluna desse byte. Salve o arquivo novamente como UTF-8 no seu editor e abra outra vez; arquivos UTF-16 ou com bytes nulos no início precisam da mesma conversão.

Como encontrar e corrigir tags não fechadas em um arquivo HTML?

Abra o arquivo aqui e veja os achados de elemento não fechado e de tags cruzadas, cada um com a linha e coluna da tag de abertura. Para um elemento fechado pela tag errada, aparecem tanto a abertura quanto o fechamento que causou o problema. O formatador não adivinha onde falta o fechamento e deixa esse trecho intocado, então corrija no editor e inspecione de novo.

Qual o tamanho máximo de arquivo HTML aceito e o limite de aninhamento?

São aceitos até 8.000.000 bytes por arquivo (cerca de 8 MB) e até 512 níveis de elementos aninhados; acima disso o arquivo é recusado. Quando a profundidade passa do limite, a mensagem indica a linha e coluna exatas. Texto colado segue o mesmo limite em bytes UTF-8, e um resultado formatado acima de 400.000 caracteres ainda pode ser baixado, só a pré-visualização é cortada.

Dá para indentar HTML sem alterar o conteúdo de pre, textarea e script?

Sim, o conteúdo de pre, textarea, script e style é copiado byte a byte, e só a indentação inicial das outras linhas é reescrita. Comentários, tags que ocupam várias linhas e trechos com erro estrutural também ficam como estavam, inclusive as quebras de linha originais. Ordem dos atributos, aspas e texto nunca mudam, e a quebra logo após <pre> é preservada e sinalizada.

Um arquivo HTML recebido de desconhecido é seguro para abrir aqui?

Abrir aqui não executa nenhum script nem renderiza a página, e nenhuma URL do arquivo é acessada. Você recebe a lista de scripts, iframes e origens externas declarados no código para julgar o que ele faz, mas a ferramenta não diz se é seguro ou perigoso, não detecta malware nem rastreadores e não enxerga URLs que um script monta enquanto roda.

Se o inspetor de HTML não mostra erros, o código está válido?

Não necessariamente: nenhum achado significa só que as verificações estruturais listadas no relatório não encontraram problemas. Elas cobrem balanceamento de tags, aninhamento, elementos vazios, doctype, charset, atributos, referências de caractere, títulos e landmarks. Não há validação pela gramática completa do HTML, e o sumário de títulos não é uma auditoria de acessibilidade.

Qual a diferença entre este formatador de HTML e formatadores que reescrevem o código inteiro?

Este formatador mexe só na indentação no início das linhas, enquanto formatadores completos costumam quebrar linhas, reorganizar atributos e normalizar aspas. Aqui atributos, aspas, texto e áreas como pre e script continuam idênticos ao original, e o relatório lista exatamente quais linhas mudaram. Em troca, ele não corrige erros nem reorganiza a estrutura do documento.