5568 sujets

Sémantique web et HTML

Bonjour,

Je m'interesse depuis peu aux standards du web, et plus précisément à la sémantique.

Ma question est la suivante : quelle est la regle d'utilisation du h1 ?

Doit-il être utilisé pour désigner le titre du site, comme le fait WaSP (regardez la source) :
http://www.webstandards.org/learn/tutorials/common_ideas/
Regardez le code source, h1 pour le titre du site (repris sur chacune des pages), et h2 pour le titre de la page.

Ou doit-on utilser h1 pour le titre de la page, comme tout référenceur l'affirme ? Exemple (regardez la source) :
http://fr.wikipedia.org/wiki/Portail:Accueil
h1 désigne ici le titre de la page.

Je constate qu'alsacreation utilise h1 pour le titre du site, mais se sert des h2 très "bizarrement" : ils servent à désigner les titres des rubriques (menu de droite) ET le titre de la page... exemple (regardez la source) :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Petite-comparaison-entre-les-tableaux-et-les-standards

J'ai l'impression que h1, h2, h*... sont utilisés un peu "comme on veut".
Que préconise la sémantique de ce point de vue ?

J'attends vos réponses avec impatience...
Modifié par mogwai (09 Feb 2007 - 15:13)
Bonjour,

Il n'y a aucune règle d'utilisation des éléments de titrage, mis à part la cohérence avec le contenu du document et, pour l'accessibilité, le respect de la hiérarchie continue des titres.

En d'autres termes, la "sémantique" ne dit rien d'autre que: faites preuve de bon sens selon le contexte, et assumez vos choix Smiley cligne

<edit>
Pour aller plus loin, se souvenir que des concepts tels que "site" et "menus de navigation" sont totalement étrangers au HTML, qui ne se fonde que sur la notion de "document". Le titrage établit en fonction de ces concepts est donc un abus nécessaire... nécessairement discutable à l'infini Smiley ravi
</>
Modifié par Laurent Denis (09 Feb 2007 - 15:35)
Merci pour cette réponse.
J'ai également lu un thread sur ce forum qui traitait du même sujet, qui m'a apporté quelques éléments de réponse.

Je pense qu'utiliser h1 pour le titre de la page est la meilleure solution.