Rappel sur les nomenclatures des blocs Zpip-dist

, par _Eric_

Zpip-dist version 2, état actuel

Dans sa version actuelle, disponible sur la zone (trunk de zpip-dist) la nomenclature des blocs est telle qu’illustrée ci-dessous :

Le fichier body.html est codé ainsi :

  1. <div class="page">
  2. <div class="header" id="header">
  3. <INCLURE{fond=header/#ENV{type-page},env} />
  4. </div>
  5. <div class="nav hornav clearfix" id="nav">
  6. <INCLURE{fond=inclure/nav,env} />
  7. </div>
  8.  
  9. <div class="container">
  10. <div class="content" id="content">
  11. <INCLURE{fond=content/#ENV{type-page},env} />
  12. </div>
  13.  
  14. <div class="extra1 col" id="extra1">
  15. <INCLURE{fond=extra1/#ENV{type-page},env} />
  16. </div>
  17. <div class="extra2 col" id="extra2">
  18. <INCLURE{fond=extra2/#ENV{type-page},env} />
  19. </div>
  20. </div>
  21.  
  22. <div class="footer" id="footer">
  23. <INCLURE{fond=footer/#ENV{type-page},env} />
  24. </div>
  25. </div>

Télécharger

Proposition de Romy

Sur son blog, Romy a proposé une nomenclature quelque peu différente issue de son expérience et du balisage HTML5 :

Le fichier body.html qui en résulterait :

  1. <div class="page">
  2. <div class="header">En-tête</div>
  3. <div class="nav">Navigation</div>
  4. <div class="main">
  5. <div class="wrapper">
  6. <div class="content">Contenu</div>
  7. </div>
  8. <div class="aside">Contexte</div>
  9. </div>
  10. <div class="footer">Pied de page</div>
  11. </div>

Télécharger

Pour plus d’explication sur les fondements de cette proposition lire l’article Structure HTML de base sur le blog de Romy.

Analyse comparée

Liste et nombre des blocs

Le modèle Zpip-dist 2 propose 6 blocs alors que le modèle Romy n’en propose que 5. Le jeu des couleurs des deux illustrations montrent clairement la différence : le bloc « nav » de Zpip-dist 2 qui représente une navigation horizontale qui n’existe pas de cette façon dans la proposition de Romy.
Ce bloc est par exemple utilisé pour créer un menu avec le plugin Menus.

Nommage des blocs

Il y a bien consensus sur les blocs « header », « footer » et « content ». Par contre, nav et les blocs « extra » de Zpip-dist 2 s’apparentent eux, suivant les cas, aux blocs « nav » et « aside » de Romy.

Structure HTML

Si l’on compare la structure HTML on remarque qu’elle diffère quelque peu car le <div class="wrapper"> de Romy n’existe pas dans le modèle Zpip-dist. Le reste est identique même si la sémantique ne l’est pas forcément comme on l’a vu précédemment.

Comment converger ?

A première vue les deux propositions semblent très proches l’une de l’autre. Pourtant, je ne vois pas comment arriver à les faire converger, mais je ne suis pas un spécialiste...

La question de Romy est très pertinente : pourquoi a-t-on besoin d’un bloc supplémentaire pour la navigation principale dans Zpip-dist 2 ? Si, la réponse est non, alors la proposition de Romy devrait pouvoir être reprise.

Maintenant, dans le cas contraire, une solution simpliste serait de migrer Zpip-dist vers une structure où :

  • nav, subnav (au lieu de extra1) et (aside au lieu de extra2)
  • ou topnav au lieu de nav, nav au lieu de extra1 et aside au lieu de extra2

Mais cette proposition ne permet pas de coller véritablement à celle de Romy car suivant sa position, le bloc de navigation principal ou secondaire ne porterait pas le même nom.

Et vous, qu’en pensez-vous ?