A validação W3C às vezes é difícil de usar, mas com ela você pode ver erros causados pelo design do layout. O validador gera muitos erros e avisos, indicando que seu XHTML ainda não está completo e pode não funcionar de forma consistente em diferentes navegadores. Os dez problemas sutis de falha a seguir confundiram um grande número de programadores e nós lhe diremos como resolvê-los. Antes de iniciar este artigo, apresentarei algumas questões que precisam ser observadas ao usar o validador W3C. Não se preocupe com os avisos do verificador - se o verificador disser que encontrou 12 erros e 83 avisos, ignore-os e passe para a próxima etapa.
Corrija um erro de cada vez - Progrida o trabalho sequencialmente, de cima para baixo, corrigindo um erro de cada vez. O HTML é visualizado de cima para baixo com um navegador e esses erros são exibidos na mesma ordem.
Atualize o código após cada correção para torná-lo válido novamente - um pequeno erro muitas vezes pode desencadear uma cascata de erros em toda a página. Portanto, se feito incorretamente, “corrigir erros” também pode levar a mais erros. A revalidação do código após cada correção garante que o problema seja completamente resolvido.
Conhecendo as exceções básicas acima, vamos dar uma olhada em vários motivos pelos quais o design do layout é inválido.
1. A tag div não está fechada. Este é um dos motivos mais comuns para falhas no design do layout. É sempre surpreendente quando aprendemos quantos designs de layout delicados falham por causa disso. Pesquisas mostram que tags div abertas são um dos erros de design de seção mais comuns e um dos mais difíceis de diagnosticar. O validador às vezes aponta para a tag div de abertura errada, o que pode ser como encontrar uma agulha em um palheiro.
2. A problemática tag de incorporação No início da década de 1990, os navegadores Microsoft e Netscape começaram a ser capazes de reconhecer fontes exclusivas não padronizadas. Infelizmente, isso significa que o validador W3C ainda não reconhece certas tags HTML importantes, como "incorporar", embora essas tags sejam amplamente utilizadas. Se você realmente deseja uma validação rigorosa de DOCTYPE (tipo de documento), você só pode desistir do aninhamento.
Se você deseja um layout eficaz e mídia incorporada ao mesmo tempo, você pode tentar o método Flash Satay.
3. Declaração DOCTYPE inadequada Não declarar DOCTYPE ou declarar DOCTYPE incorretamente no início do arquivo também é um erro comum. De acordo com a experiência geral, Strict DOCTYPE é o nível mais alto de verificação que todos buscam. A validação estrita indica que sua página da web será exibida de maneira ideal em todos os navegadores. O código da declaração Strict é o seguinte:
4. Barra final Se o seu site não puder ser verificado, é provável que a barra final esteja faltando em algum lugar do código. É fácil ignorar coisas como barras finais, especialmente em elementos como tags de imagem. Por exemplo:
Isso não tem efeito em DOCTYPE estrito. Para resolver este problema, adicione “/” no final da tag img.
5. Tag Align Se o DOCTYPE estiver definido como Transitional, você usará a tag "align", mas se for mais exigente e quiser verificação rigorosa, verá muitos erros. Align é outra tag que não pode ser usada para design de layout. Você pode tentar usar "float" ou "text-align" em vez de alinhar para transformar elementos.
6. JavaScript
Se Strict DOCTYPE tiver sido declarado, a tag CDATA precisará ser substituída em JavaScript. Este aspecto do processo de verificação confunde muitos programadores, já que os sites tendem a usar JavaScript incorporado para anúncios e scripts de rastreamento. Se for necessário usar JavaScript, você poderá adicionar as seguintes tags antes e depois dele:
7. As imagens requerem o atributo “alt” Você pode não ter notado, mas as imagens também são um obstáculo potencial para a validação avançada. Além da barra final, a validação avançada também requer uma tag alt para descrever a imagem, como alt= "Imagem assustadora de vampiro".
Os mecanismos de pesquisa também contam com tags alt para identificar imagens em páginas da web, por isso é sempre uma boa ideia adicionar tags alt, não importa o que aconteça.
8. Dados de entidade desconhecidos Os dados de entidade são outro erro comum que afeta a verificação. Podemos considerar o uso de caracteres de codificação apropriados para substituir símbolos como "&". Uma lista completa de dados de entidades de caracteres apropriadamente codificados disponíveis no design da seção XHTML.
9. Aninhamento incorreto Aninhamento significa que o elemento contém o elemento Sweet!
É fácil confundir a ordem dos elementos aninhados. Por exemplo, inicie a tag forte antes da tag div, mas feche a tag div primeiro. Isso pode não alterar o layout da seção, mas invalidará o design da seção.
10. Falta a tag "title" Embora isso pareça um erro óbvio, muitos programadores (inclusive eu) muitas vezes perdem a tag title na seção "head". Ao ver "faltando um subelemento obrigatório de HEAD" (faltando um subelemento obrigatório de HEAD), você descobrirá que se esqueceu de adicionar a tag de título.