Nous utilisons XHTML+CSS pour repenser notre site Web. Comment savons-nous que les pages que nous créons sont réellement conformes aux normes du Web ? Le W3C et certains sites Web bénévoles proposent des programmes de vérification en ligne pour nous aider à vérifier si les pages sont conformes aux normes et à apporter des corrections erronées. message. Ces vérifications sont très utiles et constituent la première chose que je fais lors du débogage d’une page.
1.Validation XHTML
URL de vérification : http://validator.w3.org/
Méthode de vérification : vérification de l'URL, vérification du téléchargement de fichiers
Si la vérification réussit, « Cette page est valide XHTML 1.0 Transitional ! » s'affichera.
Si la vérification échoue, davantage d'options de vérification et de messages d'erreur seront affichés.
Généralement, sélectionner « Afficher la source » et « Sortie détaillée » peut vous aider à trouver la ligne où se trouve le code d'erreur et la cause de l'erreur.
Tableau comparatif des causes courantes d'erreur de validation XHTML
Aucun DOCTYPE trouvé ! Revenir à HTML 4.01 Transitional - DOCTYPE n'est pas défini.
Aucun encodage de caractères trouvé ! Revenir à UTF-8.--Encodage de langage non défini.
la balise de fin pour "img" est omise, mais OMITTAG NO a été spécifié : la balise d'image n'est pas fermée par "/".
une spécification de valeur d'attribut doit être une valeur d'attribut littérale à moins que SHORTTAG YES ne soit spécifié - La valeur d'attribut doit être mise entre guillemets.
élément "DIV" non défini --- les balises DIV ne peuvent pas être en majuscules et doivent être remplacées par des div minuscules.
attribut obligatoire "alt" non spécifié --- L'image doit ajouter l'attribut alt.
attribut obligatoire "type" non spécifié --- La balise appelée par JS ou CSS manque l'attribut type.
L'une des erreurs les plus courantes est la mise en majuscule des étiquettes. Souvent ces erreurs sont liées, comme l’oubli d’un autre
2.Validation CSS2
URL de vérification : http://jigsaw.w3.org/css-validator/
Méthode de vérification : vérification de l'URL, vérification du téléchargement de fichiers, vérification directe du code
Si la vérification réussit, le message « Félicitations, ce document a réussi la vérification de la feuille de style ! » s'affichera.
Si la vérification échoue, deux types d'erreurs seront affichés : les erreurs et les avertissements. L'erreur signifie qu'elle doit être corrigée, sinon elle ne passera pas la vérification ; l'avertissement signifie qu'il y a du code qui n'est pas recommandé par le W3C et qu'il est recommandé de le modifier.
Tableau comparatif des causes courantes d'erreur de validation CSS2
(Erreur) Numéro invalide : color909090 n'est pas une valeur de couleur : 909090 ---La valeur de couleur hexadécimale doit être ajoutée avec un signe "#", c'est-à-dire #909090
(Erreur) Numéro invalide : margin-topUnknown dimension : 6pixels ---les pixels ne sont pas une valeur unitaire, la façon correcte de l'écrire est 6px
(Erreur) La propriété scrollbar-face-color n'existe pas : #eeeeee --- Définir la couleur de la barre de défilement est une propriété non standard
(Erreur) La valeur curseurhand n'existe pas : hand est une valeur d'attribut non standard, modifiée en curseur : pointeur
(Avertissement) Ligne : 0 font-family : Il est recommandé de spécifier une famille de types comme dernier choix. Le W3C recommande que lors de la définition des polices, terminez par un type de police, tel que « sans-serif », pour garantir que il peut être utilisé dans différentes opérations. Sous le système, les polices Web peuvent être affichées.
Ligne (Avertissement) : 0 ne trouve pas le message d'avertissement pour un autre profil --Indique qu'il existe des attributs ou des valeurs non standard dans le code et que le programme de vérification ne peut pas déterminer et fournir les informations d'avertissement correspondantes.
Adresse du lien de cet article : http://www.williamlong.info/archives/166.html