HTML5 — Repenser le découpage des pages web et des contenus

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

HTML5 — Repenser le découpage des pages web et des contenus

Derrière les nouvelles balises proposées par HTML5 se cache un nouveau modèle de structuration. Jusqu’à présent, on rencontre souvent la structure suivante : un niveau de titre h1 pour le nom du site et ça continue avec h2 pour le titre des articles ; reste h3h6 pour structurer la prose, ce qui est suffisant ou pas. HTML5 introduit la notion de Sectioning Content (cf. le concept d’outline) de manière explicite avec les balises section, nav, article et aside ou de manière implicite a chaque utilisation d’un niveau de titre h1.

Soyez détendus du h1

En gros, il est tout à fait possible d’utiliser un h1pour le titre du site (suivi d’un h2 pour le sous-titre éventuellement dans un hgroup), mais aussi pour le titre des articles et pourquoi pas à l’intérieur de l’article lui-même pour le découper en «sections». Ça tombe bien car je trouvais un peu pénible d’être «obligé» de commencer mes titres avec un h2 voire un h3 et laisser le h1 de mon éditeur WYSIWYG prendre la poussière !

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



5 commentaires pour “HTML5 — Repenser le découpage des pages web et des contenus”

  1. Benjamin dit :

    C’est une bonne nouvelle ça donc le h1 sera là pour donner le premier titre d’une partie de la page. Cool pour le h1 et h2 de mon wysiwyg qui me faisait de l’oeil.

  2. un commentaire dit :

    mais aussi pour le titre des articles et chaussures supra pourquoi pas à l’intérieur de l’article lui-même pour le découper

  3. sans oublier dit :

    mais aussi pour le titre des articles et pourquoi chaussures requin pas à l’intérieur de l’article lui-même pour le découper

  4. Choisir un avatar dit :

    Derrière les nouvelles balises proposées par HTML5 se chaussure air jordan cache un nouveau modèle de structuration

  5. echosante dit :

    Derrière les nouvelles balises proposées par http://www.echosante.fr se cache un nouveau modèle de structuration.

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site