Zpip-dist en HTML5

Attention, page complètement obsolète, qui devrait être dépubliée : liens brisés, etc.

Ce squelette n’est plus maintenu, il est remplacé par SPIPr-dist

Une surcharge des squelettes Zpip-dist qui tire parti des nouvelles balises offertes par la spécification HTML5. Attention, ce plugin n’est plus compatible avec les nouvelles versions de Zpip, qui a connu plusieurs incompatibilités de nomenclature entre temps.

Qu’est-ce que HTML5 ?

HTML5 est une évolution de la norme HTML 4.01, norme datant maintenant d’une dizaine d’années. Cette évolution vise donc à prendre en compte la réalité actuelle des sites web, en formalisant certains besoins et pratiques courantes des webmestres. Cette nouvelle norme apporte également de nouvelles balises et attributs, inspirées de la structure des sites web modernes. C’est ainsi qu’est apparue une balise <article>, pour encapsuler une entité indépendante (article de blog, de news, commentaire...), une balise <nav> pour les menus de navigation, un attribut type=date ou type=search pour les <input> de formulaires, etc.

Cette spécification permet donc en grande partie d’améliorer la sémantique de nos pages web, afin que celles-ci soient mieux comprises :
-  par les clients mobiles (touche de raccourci pour accéder directement à la navigation par exemple)
-  par les moteurs de recherche pour améliorer le référencement
-  par des extensions possibles aux navigateurs (une extension firefox qui montre la table des matières d’un document ?)
-  par le moteur de rendu des navigateurs (un sélecteur de date ou de couleur natif...)

Zpip et HTML5

Chose intéressante, sortir une structure sémantique commune est également une des problématiques abordées par Zpip. On retrouve d’ailleurs une correspondance troublante entre le nom de certaines classes de la nomenclature Z et le nom des balises HTML5 :
-  la classe nav et la balise <nav>
-  la classe entete et la balise <header>
-  etc.

Il semblait donc logique de proposer une version HTML5 des squelettes de Zpip-dist, pour un code HTML encore plus sémantique !

De plus, comme la nomenclature Z définit uniquement des noms d’id et de classes, les thèmes existants continueront de fonctionner si vous installez cette surcharge des squelettes Zpip-dist.

À noter, si les thèmes surchargent certains squelettes de Zpip-dist (par exemple body.html), c’est évidemment eux qui auront la priorité pour ces bouts-là. Vous perdrez donc peut-être une partie du bénéfice de ce plugin pour les bouts concernés.

Pour en bénéficier

Il suffit d’installer le plugin « Zpip-dist en HTML5 » (joint à cet article ou dans l’installeur automatique de SPIP). Ce plugin a besoin du petit plugin « HTLM5 dans SPIP » (télécharger) pour fonctionner.

Et c’est tout ! Dès lors, vous observerez par exemple que le code HTML de votre site commence par la ligne <!DOCTYPE html>, qui est la signature des sites en HTML5.

Note aux créatrices et créateurs de thèmes

Parfois, les thèmes ont besoin de surcharger certaines parties de Zpip-dist, par exemple body.html, contenu/article.html, etc. Si c’est le cas de votre thème et si vous souhaitez le faire en HTML5, il est conseillé d’ajouter la ligne suivante dans votre plugin.xml :

<necessite id="zpip_html5" />

Dès lors, vous pouvez vous baser sur les squelettes du répertoire plugins/(auto/)zpip_html5/ pour vos surcharges. De plus, pas besoin de définir un style display: block; pour les balises <section>, <article>, etc., ni de vous préoccuper de la reconnaissance de ces balises par IE, car cela est pris en charge par le petit plugin HTML5 dans SPIP.

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom