Validador de HTML
FreeVerifica o HTML em busca de tags não fechadas, IDs duplicados, elementos obsoletos e outros problemas comuns bem definidos, verificado com seu próprio analisador de correspondência de tags, não um validador completo de conformidade W3C.
Funciona inteiramente no seu navegador. Seu HTML nunca é enviado para lugar nenhum.
Atividade recente
Visível para todos. Últimos 20 usos de todos os visitantes, mais recentes primeiro.
Ainda sem atividade. Seja o primeiro.
O que esta ferramenta faz
Cole HTML e esta ferramenta o verifica em busca de um conjunto focado de problemas comuns e bem definidos: tags não fechadas ou não correspondentes, atributos id duplicados, texto alternativo ausente em imagens, elementos obsoletos, sintaxe de autofechamento inválida em elementos não vazios, e declarações ausentes de DOCTYPE, lang ou charset. Cada problema aponta de volta para a linha em que foi encontrado.
Como funciona
Um analisador leve varre o HTML tag por tag, mantendo uma pilha de elementos atualmente abertos, exatamente como um navegador rastreia o aninhamento internamente, pulando comentários e o conteúdo de blocos <script> e <style>. Quando uma tag de fechamento não corresponde ao topo da pilha, ou a pilha ainda tem entradas sobrando no final, elas são relatadas como tags não fechadas ou não correspondentes. Separadamente, expressões regulares procuram atributos id duplicados, atributos alt ausentes em imagens e nomes de elementos obsoletos.
Problemas que resolve
- Encontrar uma tag não fechada que está sutilmente quebrando o layout de uma página mais abaixo.
- Detectar atributos id duplicados antes que façam um seletor CSS ou uma chamada JavaScript getElementById se comportar de forma inesperada.
- Identificar elementos obsoletos deixados de código antigo ou trechos copiados e colados.
- Verificar fundamentos de acessibilidade como texto alternativo e um idioma de documento declarado.
Perguntas frequentes
›Isso é o mesmo que o Validador de Marcação do W3C?
Não. O validador oficial do W3C verifica a conformidade total com a especificação HTML, centenas de regras cobrindo cada elemento e atributo. Esta ferramenta foca em um conjunto menor de problemas comuns e bem definidos que são genuinamente úteis de detectar cedo: tags não fechadas, IDs duplicados, elementos obsoletos e algumas verificações de atributos ausentes. Para um relatório de conformidade completo, use o validador do W3C junto com esta ferramenta.
›Por que marca a ausência de DOCTYPE, lang ou charset como avisos em vez de erros?
Os navegadores ainda renderizarão uma página sem esses itens, então eles não são fatais, mas afetam a acessibilidade, a internacionalização e quão confiavelmente o navegador escolhe um modo de renderização. Eles são marcados porque corrigi-los é quase sempre a decisão certa, não porque a página esteja quebrada sem eles.
›O que conta aqui como uma tag "obsoleta"?
Elementos que a especificação HTML5 marca explicitamente como obsoletos, como <center>, <font>, <marquee> e <acronym>, geralmente porque o CSS agora cobre o que eles faziam, de uma forma que separa o conteúdo da apresentação. Eles ainda funcionam nos navegadores por compatibilidade retroativa, mas não devem ser usados em código novo.
›Ele verifica o conteúdo dentro das tags <script> ou <style>?
Não, o conteúdo delas é completamente ignorado durante a correspondência de tags, já que JavaScript ou CSS podem facilmente conter texto que parece uma tag HTML (dentro de uma string, por exemplo) sem realmente ser uma, o que caso contrário produziria falsos positivos.
›Por que sinalizar a sintaxe de autofechamento como <div />?
Em HTML (diferente de XML ou XHTML), uma barra final em um elemento não vazio como <div> ou <span> é simplesmente ignorada, o elemento NÃO é considerado fechado por ela, e ainda precisa de sua própria tag de fechamento separada. Esta é uma fonte comum de bugs acidentais de tags não fechadas ao copiar padrões de JSX ou XML.
Ferramentas relacionadas
Texto
Conversor de Excel para Tabela HTML
Cole do Excel ou Google Sheets, ou envie um arquivo .xlsx/.xls/.csv, e obtenha uma tabela HTML limpa com pré-visualização ao vivo, estilo opcional e alinhamento de colunas numéricas.
FreeTexto
Conversor de Entidades HTML
Converta texto de e para entidades HTML em ambas as direções ao mesmo tempo, com formatos numéricos decimais ou hexadecimais e uma tabela de referência rápida de entidades comuns.
FreeTexto
Conversor de Base Numérica
Converta um número entre binário, octal, decimal, hexadecimal, BCD, Código Gray, e qualquer base personalizada de 2 a 36, tudo de uma vez a partir de uma única entrada.
FreeTexto
Gerador e Verificador de Hash Bcrypt
Gere e verifique hashes de senha bcrypt inteiramente no seu navegador usando WebAssembly, com fator de custo e salt ajustáveis.
FreeTexto
Conversor de Leitura Biônica
Converta qualquer texto para o formato de leitura biônica destacando em negrito a primeira parte de cada palavra para ajudá-lo a ler mais rápido e se concentrar melhor.
FreeTexto
Gerador de Hash Blake2b
Calcule o hash BLAKE2b de um texto ou arquivo no seu navegador, com comprimento de saída ajustável e hashing com chave opcional (MAC).
FreeTexto
Ferramenta de Cifra de César
Criptografe ou descriptografe texto com a clássica cifra de César, com uma tabela de mapeamento A-Z, lista de força bruta, gráfico de frequência de letras, e um atalho ROT13.
FreeTexto
Gerador de Arte ASCII
Transforme texto digitado ou uma imagem enviada em arte ASCII. Escolha um estilo de fonte ou uma escala de caracteres, preserve a cor e exporte como texto simples ou PNG.
Comentários (0)
Achou esta ferramenta útil? Deixe um comentário, compartilhe uma dica ou nos diga como podemos melhorá-la.
Ainda sem comentários. Seja o primeiro a compartilhar sua opinião!