Maison >interface Web >tutoriel CSS >Standardisez vos pages Web_CSS/HTML
Les normes Web deviennent de plus en plus importantes. De nos jours, lors de la création d'un site Web, il est important de se conformer aux normes et de réussir la vérification XHTML et CSS du W3C. Alors, comment puis-je créer un site Web qui répond aux normes ? mon BLOG reconstruction et production OSdev Quelques expériences dans le processus Resource^_^.
Allez sur Web Designer pour lire quelques articles sur les standards du Web
Bien que w3.org fasse plus autorité, pour ceux d'entre nous dont la langue maternelle est le chinois, c'est plus facile à comprendre :) Personnellement, je me sens plus à l'aise que d'aller sur w3.org pour lire ces textes électroniques qui remplissent l'écran . Vous pouvez trouver de nombreux articles sur XTHML, la mise en page DIV+CSS, les techniques CSS, etc. ici. Il existe également un tutoriel "Step by Step" rédigé par le webmaster Ajie, qui présente étape par étape comment créer un site internet répondant aux normes.
Jetez le tableau et utilisez la disposition div+css
Cela semble être la première chose à faire lors de la conception d'une page Web répondant aux normes :), la mise en page DIV+CSS est également une tendance. Pour utiliser la mise en page DIV+CSS, vous pouvez vous référer aux articles de w3cn.org : 16 exemples de mise en page CSS de base, Mise en page adaptative typique à trois lignes et deux colonnes centrées en hauteur.
Fermer la balise
Dans le passé, nous n'avons peut-être pas prêté attention au problème des balises de fermeture, telles que img, p, etc. Lors de l'utilisation de ces balises, nous n'utilisions souvent que le début sans le fermer correctement. Habituellement, nous utilisons img comme ceci :
Mais en XHTML, une telle situation n'est pas autorisée et doit être désactivée :
De plus, la marque de paragraphe
était utilisée directement comme
, mais je n'ai jamais pensé à ajouter
à la fin du paragraphe, ce qui n'est pas autorisé en XHTML.Imbriquer correctement les balises
La tolérance aux pannes du navigateur nous permet d'obtenir l'effet d'affichage correct même si nous écrivons une page Web qui ne respecte pas les règles, comme par exemple en utilisant
échantillon
Pas de problème, encore une fois, cela n'est pas autorisé en XHTML. XHTML vient de XML, et XML doit être structurel, donc lors de l'imbrication des balises, elles doivent être imbriquées couche par couche sans entrelacement.
Définissez correctement le jeu de caractères
Cela ne semble pas avoir beaucoup d'importance, mais la définition du jeu de caractères est plus propice à l'analyse du document par le navigateur.
Alignement des images
En XHTML, l'attribut align ne peut être qu'une des trois valeurs de gauche, milieu, droite ou haut, milieu et bas, et souvent nous avons besoin que l'image et le texte soient absolument centrés, c'est-à-dire c'est-à-dire, utilisez l'absmiddle. Après avoir utilisé XHTML, cet attribut doit être perdu. Quelle est la solution ? Je ne sais pas, mais il y a un article dans Web Designer qui mentionne ce problème. Lorsque j'ai restructuré le blog, j'ai mis l'alignement de l'image en haut et l'effet d'affichage était acceptable.
poignées &
dans les liensLors de l'utilisation de la méthode GET pour transmettre des paramètres dans un site Web dynamique, s'il y a plusieurs paramètres, & sera utilisé pour connecter chaque paramètre. Cependant, en XHTML, s'il y a un &, cela signifie que ce qui suit est une entité. , mais personne ne devrait penser que les noms des paramètres devraient être nbsp, lt, gt. XHTML stipule que tous les & qui ne sont pas des entités doivent être convertis en &. Si la conversion n'est pas effectuée, une erreur sera signalée lors de la vérification du W3C et l'entité ne pourra pas être trouvée.
En fait, je pense personnellement que créer un site Web selon les normes est beaucoup plus facile que créer un site Web selon les méthodes traditionnelles. Parce que la structure et le contenu sont séparés, vous n'avez pas besoin de refaire la page entière lorsque vous modifiez l'affichage. effet. Il vous suffit de réécrire le style en CSS. Et c'est pratique pour les révisions futures. De plus, comme le FBS de Fdream, il peut changer de skin sans rafraîchir, ce qui est une bonne chose~~