Application des normes de codage Web [doublon]

Question

Cette question a déjà une réponse ici :

• Norme de codage de base pour HTML et CSS [fermé] 3 réponses

Le standard HTML définit une séparation claire des préoccupations entre CSS (présentation) et HTML (sémantique ou structure).

Quelqu'un utilise-t-il un document de normes de codage pour CSS et XHTML contenant des clauses permettant de maintenir cette séparation ?Quelles seraient les bonnes clauses à inclure dans un tel document de normes de codage ?

Answer 1

Nous n'avons pas de document physique auquel nous adhérons tous là où je travaille.Il existe un certain nombre de directives que nous essayons de garder à l'esprit, mais il n'y a pas vraiment suffisamment d'informations pour exiger un document physique. Cet article les résume assez bien ces lignes directrices.Vous pouvez également envisager de formater votre CSS pour en faciliter la lecture. Magazine fracassant a un excellent article sur ce sujet.

Answer 2

L'article auquel @Lee Theobald fait référence est un bon début.

Quelques idées de base que j'essaie de garder à l'esprit lors du balisage :

Concernant le HTML :

Essayez d'écrire pour la personne suivante, c'est-à-dire réfléchissez à la facilité ou à la difficulté pour quelqu'un d'autre de venir chercher votre travail et de continuer.

Pour respecter ce principe, vous devez essayer de vous assurer que votre balisage est aussi lisible que possible - les balises class et id en particulier doivent être liées. autant que possible à leur contenu prévu.En d’autres termes, essayez d’utiliser vos balises pour décrire le type de contenu dont elles disposeront.

Par exemple, « Sous-navigation », « contenu », etc.

L'objectif est de fournir un balisage que quelqu'un peut reprendre sans l'avoir consulté auparavant et avoir une idée de la structure logique du document.

Essayez également d’éviter l’ajout de balisages destinés uniquement à obtenir un effet visuel.Mais gardez à l’esprit qu’il est peu probable que tout site Web nécessitant un style, même légèrement sophistiqué, puisse éviter le balisage non sémantique, en raison des faiblesses des implémentations actuelles du CSS et des problèmes de compatibilité des navigateurs.

Concernant les fichiers CSS :

De nombreuses personnes divisent leur CSS en sections à l'aide de commentaires, les séparant en zones fonctionnelles ou structurelles.Vous pourriez donc avoir une section pour votre en-tête, votre pied de page ou votre typographie, etc.D'autres vont plus loin et divisent les CSS entre les fichiers, en ayant un pour la typographie, un pour la mise en page, etc.Cependant, cela peut selon Yslow !peut avoir un impact négatif sur le chargement des pages, en raison de l'augmentation des requêtes http.

Je pourrais écrire davantage, mais comme vous pouvez le constater, j’ai du mal à être concis.J'espère que cela vous sera utile.