Usamos XHTML+CSS para redesenhar nosso site. Como sabemos se as páginas que criamos realmente estão em conformidade com os padrões da web e alguns sites voluntários fornecem programas de verificação on-line para nos ajudar a verificar se as páginas estão em conformidade com os padrões e fornecer correções? mensagem. Essas verificações são muito úteis e são a primeira coisa que faço ao depurar uma página.
1. Validação XHTML
URL de verificação: http://validator.w3.org/
Método de verificação: verificação de URL, verificação de upload de arquivo
Se a verificação for bem-sucedida, "Esta página é válida como XHTML 1.0 Transitional!" será exibida.
Se a verificação falhar, mais opções de verificação e mensagens de erro serão exibidas.
Geralmente, selecionar “Mostrar fonte” e “Saída detalhada” pode ajudá-lo a encontrar a linha onde o código de erro está localizado e a causa do erro.
Tabela de comparação de causas comuns de erros de validação de XHTML
Nenhum DOCTYPE encontrado! Voltando ao HTML 4.01 Transitional - DOCTYPE não está definido.
Nenhuma codificação de caracteres encontrada! Voltando para UTF-8.--Codificação de idioma indefinida.
tag final para "img" omitida, mas OMITTAG NO foi especificado - A tag de imagem não é fechada com "/".
uma especificação de valor de atributo deve ser um valor literal de atributo, a menos que SHORTTAG YES seja especificado - O valor do atributo deve ser colocado entre aspas.
elemento "DIV" indefinido --- tags DIV não podem estar em maiúsculas e devem ser alteradas para div minúsculas.
atributo obrigatório "alt" não especificado --- A imagem precisa adicionar o atributo alt.
atributo obrigatório "type" não especificado --- A tag chamada por JS ou CSS não possui o atributo type.
Um dos erros mais comuns é a capitalização dos rótulos. Freqüentemente, esses erros estão relacionados, como esquecer de outra pessoa
2. Validação CSS2
URL de verificação: http://jigsaw.w3.org/css-validator/
Método de verificação: verificação de URL, verificação de upload de arquivo, verificação direta de código
Se a verificação for bem-sucedida, será exibido "Parabéns, este documento passou na verificação da folha de estilo!"
Se a verificação falhar, serão exibidos dois tipos de erros: erros e avisos. O erro significa que deve ser corrigido, caso contrário não passará na verificação; o aviso significa que existe um código que não é recomendado pelo W3C e é recomendado modificá-lo;
Tabela de comparação de causas comuns de erros de validação CSS2
(Erro) Número inválido: color909090 não é um valor de cor: 909090 ---O valor hexadecimal da cor deve ser adicionado com um sinal "#", ou seja, #909090
(Erro) Número inválido: margin-topDimensão desconhecida: 6pixels ---pixels não é um valor unitário, a maneira correta de escrevê-lo é 6px
(Erro) A propriedade scrollbar-face-color não existe: #eeeeee --- Definir a cor da barra de rolagem é uma propriedade não padrão
(Erro) O valor cursorhand não existe: hand é um valor de atributo não padrão, modificado para cursor:pointer
(Aviso) Linha: 0 font-family: É recomendado que você especifique uma família de tipos como a última escolha - o W3C recomenda que ao definir fontes, termine com um tipo de fonte, como "sans-serif", para garantir que ele pode ser usado em diferentes operações. No sistema, fontes da web podem ser exibidas.
(Aviso) Linha: 0 não consegue encontrar a mensagem de aviso para outro perfil - Indica que existem atributos ou valores não padrão no código e o programa de verificação não pode determinar e fornecer informações de aviso correspondentes.
Endereço do link deste artigo: http://www.williamlong.info/archives/166.html