Eu valido, tu validas, ele valida… Parte II

Abril 16th, 2007

Ok, no artigo eu valido, tu validas, ele valida…, deixei disponível um arquivo para que você pudesse testá-lo no validador e assim fosse ganhando um pouco de intimidade com as mensagens de erro vindas dele durante a tentativa de validação.

Vamos lá, erro 1 - linha 12:

document type does not allow element “h1″ here; missing one of “object”, “applet”, “map”, “iframe”, “button”, “ins”, “del” start-tag

O código é:

Esse erro acontece porque um elemento em nível de bloco (h1) está contido em outro em nível de linha (strong). Elementos de bloco podem conter elementos de linha e outros elementos de bloco. O contrário não é permitido.

Erro 2 - linha 27: end tag for “br” omitted, but OMITTAG NO was specified

Super tranquilo. O elemento <br> não foi fechado. Como é um elemento vazio, então deve ser fechado da seguinte maneira: <br />

Erro 3 - linha 30: end tag for “strong” omitted, but OMITTAG NO was specified

Nesse caso o erro refere-se ao aninhamento das tags que está desse jeito:

<p><strong>Aqui começa outro parágrafo </p></strong>

O correto é: <p><strong>Aqui começa outro parágrafo </strong></p>

Erro 4 - linha 35: required attribute “alt” not specified

Tranquilo também. O atributo “alt” não foi usado na imagem e ele é obrigatório. Além de servir à um propósito de acessibilidade, pode ser útil quando um robô qualquer passar pelo seu site, ou seja, o texto alternativo que você colocar lá pode ser duplamente valioso.

Erro 5 - element “P” undefined

Tranquilíssimo… uma tag que não existe foi usada. Todas as tags em XHTML devem ser em letras minúsculas.

É isso. Esses não são todos os erros numa validação, mas são bastante frequentes. Se você já leu o livro do Zeldman, vai ver que lá existe um resumo sobre o que obedecer em XHTML. Se você não leu, segue o resumo do resumo:

• abra as declarações doctype e namespace apropriadas
• declare o seu tipo de documento usando o elemento meta content
• escreva todos os nomes de elementos e atributos usando letras minúsculas
• atribua valores à todos os atributos
• feche todas as tags
• feche as tags vazias com um espaço e uma barra
• não coloque traços duplos dentro de um comentário
• certifique-se de codificar os caracteres menor que (<) e & (E comercial) como &alt e & respectivamente.

O resto você sabe… vai aprender praticando, examinando as mensagens do validador e corrigindo o código. Com o tempo, você vai ficando craque e a quantidade de reclamações do validador vai desaparecendo aos poucos.

Até o próximo.

Categoria(s): XHTML