Cet article concerne quelques expériences d'un internaute lors de la vérification W3C XHTML1.0 lors de la mise à jour et de l'ajustement du site Web.
Résumez neuf problèmes auxquels il faut prêter attention lors de l'adoption de la norme W3C XHTML1.0 :
1. Quelles sont les erreurs dans la déclaration <div class=tzh>Je suis TZH !</div> ?
Problèmes de ponctuation. Il s’agit en fait du problème le plus facilement négligé. En fait, ce ne sont que deux petits guillemets qui provoquent cette erreur. Bien que de nombreux navigateurs reconnaissent toujours correctement le rendu sans guillemets. Cependant, il est impossible de respecter la norme internationale stricte W3C XHTML. N'oubliez pas que le signe égal doit être suivi de guillemets. Écriture correcte : <div class="tzh">Je suis TZH !</div>
2. Quelles sont les erreurs dans la phrase <SPAN class="tzh">TZH est moi !</SPAN> ?
Faites attention à la capitalisation. Il s’agit, comme la première question, d’un problème de détail particulièrement facile à négliger. Les majuscules ne sont absolument pas autorisées dans les standards du W3C. Je me souviens encore que lorsque je testais un morceau de code JavaScript, le onLoad que j'avais écrit pour me faire comprendre avait également été jugé comme une erreur. La raison en est que L ne peut pas l'être. capitalisé. Écriture correcte : <span class="tzh">TZH c'est moi !</span>
3. Dans la phrase <p>Je suis TZH !</p><br><p>TZH c'est moi !</p> Qu'est-ce que mal avec ?
<br />Taguer les problèmes. Quant à la balise de saut de ligne forcé <br />, de nombreux novices ne peuvent pas faire la différence entre elle et <br> Même dans l'éditeur FCKeditor, <br> apparaît parfois de temps en temps pour faire office de <br />. . Bien que de nombreux navigateurs puissent corriger automatiquement les erreurs et reconnaître <br> comme <br />. Mais la meilleure méthode d'édition est toujours recommandée d'utiliser Dreamweaver pour l'édition. Lorsque vous appuyez sur Ctrl+Entrée, un <br /> sera automatiquement écrit. Manière correcte d'écrire : <p>Je suis TZH !</p><br /><p>TZH c'est moi !</p>
4. <h1>~tangzhehao~hey~</h1> Quelles sont les erreurs dans cette phrase ?
Faites attention aux signes de ponctuation qui suivent la fin de la balise. De nombreuses balises ne peuvent pas être suivies de signes de ponctuation spéciaux, comme le tilde « ~ » ici, mais vous devez vous demander comment puis-je l'utiliser ? Utilisez ensuite le jeu de caractères ISO Latin-1. Ici, recherchez le code décimal du jeu de caractères correspondant au signe tilde "~", qui est ~, puis utilisez ce code décimal pour remplacer le signe ~ tilde, rappelez-vous le dernier point-virgule. ne peut pas être perdu. Dans le jeu de caractères ISO Latin-1, l'entité nommée est prioritaire, suivie du code décimal. Autrement dit, lorsqu'un symbole a à la fois un code décimal et une entité nommée, l'entité nommée est prioritaire. pas utilisé.
5. Quelles sont les erreurs dans la phrase <form id="54tzh"></form> ?
Faites attention aux cas particuliers d'identification et de classe. La norme W3C XHTML1.0 stipule que dans id ou class, le premier caractère ne peut pas être un chiffre et doit être une lettre. Écriture correcte : <form id="tzh45"></form>
6. Quelles sont les erreurs dans la phrase <img src="logo.gif"> ?
Faites attention à la balise <img>. La norme W3C XHTML1.0 stipule que l'élément alt doit être inclus dans la balise <img>. Écriture correcte : <img alt="Logo" src="logo.gif">
7. Quelles sont les erreurs dans <script language="JavaScript"> ?
Faites attention à la balise <script>. La norme W3C XHTML1.0 stipule que l'élément type doit être inclus dans la balise <img>. Écriture correcte : <script language="JavaScript" type=text/javascript>
8. Quelles sont les erreurs dans la phrase <div><h1>Je suis TZH !</div></h1> ?
Faites attention à l’ordre de début et de fin correspondant des balises. Écriture correcte : <div><h1>Je suis TZH !</h1></div>
9. En plus de ce qui précède, à quels autres problèmes devez-vous prêter attention ?
Attention aux forfaits spéciaux. Par exemple : <dl><dd><ul><li> et d'autres balises spéciales sont indispensables dans la séquence définie. Les quatre balises <dl><dd><ul><li> doivent être écrites complètement dans l'ordre. Il en existe de nombreux similaires.
Notez que l'onglet n'est pas ouvert. Le soi-disant non ouvert vient de la détection du W3C. L'erreur affichée par ce type d'erreur est n'est pas ouvert, ce qui signifie non ouvert une fois traduit. Si vous le comprenez selon le sens chinois, cela signifie qu'il y a un début sans queue ou qu'il y a une queue sans tête. Habituellement, la raison de cette erreur est qu'un morceau de code a été supprimé lors de la modification, sans tenir compte des balises de fin ou de début relativement éloignées.
Résumé quelques expériences concernant les normes CSS du W3C :
1. Utiliser moins de biais. Il est préférable d'utiliser des CSS moins clandestins tels que le break-word, la superposition manuelle avec z-index, l'alignement vertical, etc., car tous les navigateurs ne le prennent pas en charge et il est extrêmement difficile de passer la détection du W3C.
2. Le centre n'est pas une valeur flottante. De nombreux novices confondront center avec la valeur de float, mais ce n’est pas le cas. center est juste la valeur de text-align.
3. L'alignement ne peut pas inclure deux valeurs. De nombreux novices rempliront deux valeursen float ou text-align, telles que : float:left top. Ceci n'est pas autorisé et n'est pas reconnu par le navigateur.
4. Il est préférable de ne pas personnaliser la couleur de la barre de défilement. De nombreux navigateurs ne peuvent pas reconnaître correctement les barres de défilement avec des couleurs personnalisées, et de nombreuses couleurs personnalisées ne peuvent pas passer le test du W3C.
5. Paramètres de la barre de défilement séparés. De nos jours, overflow-x (barre de défilement horizontale) ou overflow-y (barre de défilement verticale) sont souvent utilisés. Lors de la configuration de cela, nous constatons souvent que cela n'a pas d'effet sur tous les clients. Il est préférable de le définir dans le corps. et HTML sont définis en même temps. Cependant, ce CSS n'est pas pris en charge par CSS2.1 (CSS2.1 prend en charge le débordement et définit les barres de défilement horizontales et verticales). Cette méthode de définition n'était pas prise en charge avant CSS3. Utilisez-en le moins possible.
6. Si le fond et la couleur sont identiques, vous serez averti.