2009-01-09 7 views

Répondre

11

Bien que je ne pense pas qu'il existe une seule convention de dénomination acceptée pour nommer des éléments HTML, vous trouverez peut-être l'article suivant utile. Le contenu commençant à la page deux est probablement le plus utile. Bonne chance!

The Meaning of Semantics Take II: Naming Conventions for Class and ID in CSS

Voici quelques bons paragraphes qui résument ce que l'auteur tente d'obtenir à:

Un designer peut nommer une division colonne #leftnav. À première vue c'est logique, et dans le contexte de plus petits sites, maintenus par un ou juste quelques personnes, il n'y a vraiment pas beaucoup de problèmes avec ce type de nommage

Cependant, pensez à un site de la taille de AOL ou Yahoo, sur lequel de grandes équipes de concepteurs et les développeurs gèrent millions de pages chaque jour. Et laissez dire qu'une décision de conception de haute sur l'échelle de l'entreprise est faite à déplacer la navigation vers la droite de son ancienne maison sur le côté gauche de l'écran . Une partie de la puissance de CSS est que dans le meilleur des cas, tous que la commutation de la navigation serait exiger est d'aller dans le CSS et échanger la colonne en le repositionnant ou flottant à droite au lieu de gauche. Enregistrer ce fichier, puis des millions de documents ont été mis à jour pour refléter la modification .

Mais maintenant, des millions de documents aussi ont une division avec un ID de #leftnav décrivant une colonne qui apparaît sur le droit! Sans faire une recherche massive et remplacer pour changer le nom ID dans le (X) HTML, le document est maintenant très déroutant à quiconque regarde source, ou (plus important encore) vient en pour travailler sur le site.

C'est pourquoi éviter la présentation et choisir une description plus pertinente aussi simple que #nav ou #subnav sera plus utile dans ce genre d'environnement . Donc, même si cela peut sembler un peu nitpicky, pour les très grands sites nous voulons essayer de maintenir la puissance de CSS et la pureté de nos documents . Les classes intelligentes et les noms d'identification constituent une part importante de cet objectif.

+0

+1 pour la simple mention de la sémantique par appellation – annakata

+0

+1 pour copier et coller le bit intéressant. Laziness ftw. –

+1

J'essaie toujours de copier et coller les choses intéressantes pour deux raisons. Le premier est la paresse. La seconde est que les liens se rompent avec le temps, et j'aime penser à Stack Overflow en tant que référentiel dans lequel les choses devraient être jetées, pas simplement liées. –

4

w3c recommandations?

0

S'il y en avait un, le monde serait un meilleur endroit, les licornes ne seraient pas éteintes, et ainsi de suite. C'est comme décider de l'indentation ou du style de l'accolade.

Essayez simplement de le garder cohérent et sain. Par sain, je ne veux pas dire 'indent avec 4 espaces et nom avec camelCase', juste que vous suivez un style de manière cohérente. underscore_names?plus de pouvoir pour toi. onglets à la rescousse? génial. Je voudrais juste ne pas ouvrir de nouveaux projets et je devrais jurer pendant 5 minutes parce que l'indentation est complètement arrosée, et les choses à l'intérieur d'un div sont trois onglets à gauche de celui-ci.

Heureusement, un bon éditeur aide.

0

Wordpress a un here, qui est ce que je voudrais suivre.