Commentaire: HTML5 Développement des conventions de dénomination et des micro-formats.
Le 29 mai 2004, sur mon blog à la retraite et tous les grands discours, lorsque j'ai interrogé 40 sites Web de concepteurs pour voir leurs conventions pour des éléments de page publique tels que les titres et les bannières, la navigation, le contenu et les pieds de page (résultats à l'époque).
Ce n'était guère des recherches scientifiques, mais en juin de la même année, j'ai suivi certaines des opinions d'Eric Meyer et publié un ensemble de conventions de dénomination. Quand je trouve qu'un site Web a dépassé ces conventions de dénomination, je suis toujours heureux de l'utiliser tous les jours, encore plus de 4 ans plus tard.
Mes pensées pourraient être résumées comme celle-ci
Les noms d'attribut ID et classe doivent refléter la fonction ou le contenu de l'élément, et non l'introduction. Je suis donc sorti de l'en-tête et j'ai de nouveau marqué la marque; Je suis sorti du pied de page et je l'ai remplacé par du site-info.
La dénomination devrait prendre presque une structure de style XML. La dénomination prendra presque une structure de style XML. Par conséquent, le contenu interne est livré en contenu, contenu-sub et support de contenu.
Ces conventions me servent bien et ce que je fais ne change guère leur noyau. Il ne fait aucun doute qu'ils rendent tous mon travail plus rapidement, plus cohérent et plus bénéfique. Ils facilitent la construction de produits et cultivent des gens avec qui je travaille avec mon état d'esprit. La convention de dénomination fonctionne.
Microformat et noms d'attributs connexes
Avouons-le, des microformats tels que HCard, Hcalendar, Hatom et d'autres brouillons apportent tellement de valeurs d'attribut qu'il n'est souvent pas nécessaire de considérer le fichier de construction ou quels crochets auxquels les contraintes du modèle CSS sont fournies pour ces valeurs plus d'attribut. Maintenant, j'utilise des microformats pour atteindre ce niveau que je n'utilise même pas les attributs de classe (à l'exception des attributs de classe qui accompagnent le microformat) pour développer toute la page.
En de rares occasions, je dois ajouter un nouvel élément (en supposant une division de la disposition) que je pense d'abord à ce qui existe déjà dans le microformat d'extension. Je vais vous donner un exemple d'utilisation du mode hatom:
<div class = hentry>
<h2 class = entry-title> title </h2>
<div class = entrée-contenu>
Contenu principal
</div>
<div class = entrée lié à l'entrée>
Contenu connexe
</div>
</div>
Si vous maintenez les avantages des micro-formats, vous avez remarqué que l'entrée ne fait pas partie du modèle Hatom, mais dans ce cas, je dois, explicitement, avoir un facteur supplémentaire, comment puis-je maîtriser une valeur de propriété comme les sidelinks associés?
Quand semble-t-il plus logique d'étendre le modèle de dénomination des microformats?
Html5
Au début de ce chapitre, je devrais être franchement parlant, en ce moment, je ne peux pas prêter moins d'attention à HTML5. Cependant, ce n'est pas la clé du problème. HTML5 présente de nouveaux éléments potentiellement très utiles, tels que:
section
Un fichier ou une section de demande normale. Les chapitres, à cet égard, sont une classification de sujet du contenu.
article
Une partie d'une page composée d'articles qui constituent une partie indépendante d'un document, d'une page Web ou d'un site Web. Il pourrait s'agir d'un article de forum, d'un magazine ou d'un article de journal, d'une entrée de journal Web, d'un commentaire soumis à l'utilisateur ou de tout autre élément indépendant de contenu.
de côté
Une partie d'une page composée de contenu est indépendante du contenu lié aux éléments à part et peut être considéré comme distinct du contenu. Ces pièces se manifestent souvent comme des barres latérales imprimées et typographiques.
Comme il était logique pour les inventeurs des microformats de baser leurs schémas sur les spécifications existantes, il est sûrement logique pour moi d'adapter mes conventions de dénomination pour les suivre en HTML5? Bien sûr, je ne peux pas utiliser:
<segction>
<h2> Titre </h2>
<Re article>
Contenu principal
</article>
<à part
Contenu connexe
</roprows>
</ section>
Mais maintenant, je peux utiliser les valeurs ID et Class Attribut pour m'aider à familiariser avec HTML5, en prenant ma documentation pour aller plus loin vers elle.
<div class = section>
<h2> Titre </h2>
<div class = article>
Contenu principal
</div>
<div class = mis à part
Contenu connexe
</div>
</div>
Je pense que c'est une prochaine étape logique pour moi. Donc, en regardant ce fichier de démonstration, j'ai pris la base des éléments HTML5 pour ma convention de dénomination. En plus de ce que je viens de mentionner, notez que j'ai déterminé le moyen de classer et de naviguer (NAV), de construire des champs avec ColGroup et Col, de convertir une liste non ordonnée en grille et d'utiliser DataGrid.
La spécification de balisage de HTML5 comprend également des détails, une boîte de dialogue et une figure, que je peux également utiliser comme valeurs d'attribut.
Si je pouvais réaliser un souhait aujourd'hui, ce souhait serait que tout le développement du framework CSS adoptera la même convention de dénomination (et également largement intégrée dans des micro-formats) afin que les personnes débutantes avec des étiquettes et CSS significatifs aient un point de départ correct pour utiliser plus significatif et plus logique plutôt que les attributs d'identification et de classe de représentation.