Maison > interface Web > tutoriel CSS > Standardisez vos pages Web_CSS/HTML

Standardisez vos pages Web_CSS/HTML

WBOY
Libérer: 2016-05-16 12:11:50
original
1453 Les gens l'ont consulté

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 liens

Lors 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~~

.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal