Quer possuir uma praticidade em validar seus sites e ficar por dentro de sites que estão corretos perante as normas da W3C? Começe a utilizar o HTML Validator, um add-on muito prático para seu Firefox.

Com ele é possível fazer testes baseado no HTML ou no XHTML. Tome cuidado ao testar um site pois ele pode ter sido construído em XHTML e você estar testando o HTML, isso fará com que seja exibido muitos erros que na verdade é sua validação que está incorreta. Mais a frente será apresentado como fazer os diferentes tipos de testes.

Instalando

Página de download

http://users.skynet.be/mgueury/mozilla/download.html

Após instalado, será necessário que seja reiniciado seu firefox. Reinicie e verifique se apareceu um ícone semelhante a este no rodapé do firefox:

Caso seja usuário de linux e não tenha aparecido o tal ícone é porque sua distribuição não possui algumas libs necessárias. Acesse a página que possui a relação de libs a serem instaladas de acordo com a distribuição.

http://users.skynet.be/mgueury/mozilla/faq.html

** Lembre-se de reinstalar o Add-On pois mesmo instalando as libs ele não irá funcionar até que seja reinstalado.

Utilizando

Após instalado e reiniciado o firefox, ao acessar uma página ele automaticamente já começará a validar.

Quando encontrar algum erro, o ícone será igual a este:

Ou quando tudo der certo será como este:

Validando HTML ou XHTML

Preste muita atenção na opção selecionado para que o html validator valide. Existem 3 tipos de opções, sendo elas:

HTML TIDY

Valida HTML.

SGML PARSER

Valida XHTML

SERIAL

Valida HTML e XHTML

Quando comecei a utilizar notei que TODOS os sites possuiam erros pois meu html validator estava na opção SERIAL então como ele estava validando tanto o HTML quanto o XHTML quando o site era feito em XHTML por exemplo ele dava os erros do HTML e quando o site estava em HTML ele dava erro do XHTML. Então é importante selecionar a opção de acordo com a estrutura do site em questão.

Alterando opção de validação

Como mensionado acima existem diferenças nas opções de validações então para especificar uma faça o seguinte:

Clique com o botão direito encima do ícone e clique em “Options…“

Agora basta alterar a opção ALgorithm.

Alterando exibição do ícone

Particularmente prefiro deixar o ícone para exibir a quantidade de erros que possui a página em questão. Para fazer isso faça:

Clique com o botão direito encima do ícone e clique em “Show / Icon and Text“

Agora seu ícone deverá estar semelhante a esta imagem:

Erro:

Sucesso:

Agora basta sair validando os sites que existem por ai.

Adriano Tadao