[Résolu] Hierarchisation des Titres hn

Bonjour

Plusieurs fois il a été fait comme remarque que mon site n'avait pas une bonne hierarchisation au niveau des titres.

J'ai décidé enfin de me plonger sérieusement dans le problème. Sauf qu'il y a certaines choses que je n'arrive pas à comprendre.

Chaque page possède à peu près cette structure (en enlevant les menus G, D, les onglets et toute la déco^^)

[DIV CONTENANT]

[DIV BANNIERE]
[H1 : bannière][/H1]
[/DIV BANNIERE]

[DIV CENTRE]
[H1 : titre][/H1]
....corps du site (h2, h3, h4, h5......)
[/DIV CENTRE]

[DIV SIGNATURE]
[H1 : signature][/H1]
[/DIV SIGNATURE]

[/DIV CONTENANT]

Le fait d'avoir 3 H1 par page et de même niveau, pose t'il vraiment un problème ? Si oui, pourquoi ?

__________________

On m'a aussi dit que mon site se résumait ainsi :

<h1>...</h1>

<h4>...</h4>

<h4>...</h4>

<h4>...</h4>

<h4>...</h4>

<h1>...</h1>

C'est vrai sur la page d'accueil, car je ne veux pas de niveau 2 et 3. Ils sont par contre utilisés dans mes dossiers et les pages plus "normal" de mon site (j'utilise bcp les puces aussi)

C'est donc plus :

<div>
<h1>
</div>
<div>
<h1>
<ul>
<li><h4></li>
<li><h4></li>
<li><h4></li>
</ul>
</div>
<div>
<h1>
</div>

pour la page d'accueil.

Et ceci pour les autres pages :

<div>
<h1>
</div>
<div>
<h1>
<h2>
<h3>
<h4>
</ul>
</div>
<div>
<h1>
</div>

Sur cette page-ci par exemple, j'utilise bien 4 codes différents pour 4 type de titre, (bon sauf les 3 h1 c vrai)
http://www.meteobell.com/_outils_affichage.php

Mais quel est donc ce qui vous choque dans mon code, comme il a été dit ici par exemple : http://forum.alsacreations.com/topic-4-17928-1-RsoluImages-en-float--taille-et-padding-en---pb-avec-opera.html

J'ai peut être besoin d'un petit cours surement pour apprendre 2, 3 trucs à ce niveau là. Y'a surement un truc que j'ai pas pigé.

PS : sinon j'ai résolu le probleme de doctype je crois.
Modifié par Damonya (12 Sep 2006 - 16:44)

Bonsoir,

Dans cet article, l'utilité pratique d'un bon titrage est clairement explicite.

Mieux vaut, en théorie, compliquer la gestion des styles css au profit d'une stucture du document cohérente.

L'idéal, bien sûr, serait que ta structure prévoit un système de titrage homogène sur toutes les pages de ton site, lequel se traduirait sur le plan visuel.

En revanche, rien ne t'empêche d'utiliser plusieurs fois <h1> sur la même page.

Voir aussi cet article du même auteur

Après cela, tu devrais, en théorie, être au point pour les titres !
Restera à intégrer concrètement ces notions pour ton site...

Bonne lecture

Modifié par Vero (12 Sep 2006 - 04:30)

Décidément, on trouve vraiment toutes les questions-réponses sur ton site Laurent Denis. Je suis loin d'en avoir fait le tour.

Merci bien pour vos 2 réponses. J'ai enfin compris. Reste plus qu'à appliquer ça sur mon site.

Me voilà convaincu. Mais je garde mes 3 [H1] par page... Compromis....
Modifié par Damonya (12 Sep 2006 - 13:56)

Damonya a écrit :


Me voilà convaincu. Mais je garde mes 3 [H1] par page... Compromis....

Y compris celui-ci:

[H1 : signature][/H1]

Qui franchement n'introduit aucune section du document puisqu'il intervient à la fin de ton code .

Bon et bien voilà. Je pense que c'est bon maintenant. Merci à tous de m'avoir fait remarquer cela d'abord, conseillé et aiguillé ensuite.

Je m'en veux de pas l'avoir fait plus tôt du coup, car ça ne demandait finallement pas tant de changements que ça dans mon code.

J'ai bien toute la panoplie h1, h2, h3, h4 à suivre et en ordre maintenant...



En ce qui concerne la dernière remarque, il me semble avoir lut que cela relevait plus de la bonne pratique générale que d'une vrai utilité établi dans les normes. Aussi trouvant déjà très limitatif les possibilités artistiques de la standardisation, je ne pense pas changer cela, au risque de m'attirer la foudre des théoriciens puristes du web. (je le suis en météo, c'est donc pas une critique, rassurez-vous).
De plus mon H1 du haut étant configuré exactement de la même façon (au détail près) que celui du bas. Pourquoi je devrais changer cela ? Ce sont bien exactement les mêmes H1 et même dans ce qui est écrit dedans. Pour la bannière c'est vrai. Mais du coup, ca fait un H1 identique pour toutes les pages (le nom du site) Pas très malin. Non, vraiment pour les 3 H1, je pense pas que ce soit d'une urgence capitale de changer cela, en tout cas dans l'état actuelle de mon site. Désolé.


PS : Bon prochain objectif, passer toutes les bordures fluides en position relatives, car j'avoue avoir un peu de mal dans la pratique avec la méthodes des coins de clb56 (niveau un peu élevé pour moi, après bug IE etc par manque de maitrise surement...)....Tanpis pour les DIVs les uns sur les autres, désolé....Je prefere faire simple à gérer
Modifié par Damonya (12 Sep 2006 - 17:01)

"clb56" a écrit :
Le problème n'est pas d'avoir un <h1> suivi d'un <h4> mais bien d'avoir un <h4> non précédé d'un <h3> lui même non précédé d'un <h2> lui même non précédé d'un <h1>.

Bonsoir,

En voyant cette remarque, j'ai 2 questions qui me viennent à l'esprit :

1) Mais ne faut-il pas non plus utiliser les balises "h" en fonction de ce qu'elles représentent ???

h1 : très importante
h2 : très importante aussi
h3 : un peu moins importante que h1 et h2
...
h6 : pas importante

Personnellement, ça ne me choquerait pas de voir par exemple :

h1 suivi de h2 suivi de h3 suivi de h6

2) Question qui découle de la première remarque, est-on obligé de mettre absolument les balises "h" dans l'ordre ???

Peut-on envisagé d'avoir par exemple :

h1 suivi de h2 suivi de h6 suivi de h3

si on accorde que le titre inséré entre le h2 et le h3 n'a pas du tout d'importance (d'où l'utilisation de la h6)

Laurent Denis a écrit :
Bonjour,

A ceci près que ces éléments ne représentent pas des choses plus ou moins importantes (sauf à l'état de fantasmes non HTML) : ils décrivent tout bêtement le sujet de la section qu'ils introduisent (cf spécification HTML4.01).

A ce titre, ils sont beaucoup plus proche des <legend> de <fieldset> que d'aucun autre élément HTML, et notamment des <em> et <strong> dont je vois déjà poindre ici l'absurde et hideuse pseudo-différence d'emphase (ah... les têtes de l'hydre qui renaîssent et se multiplient sans cesse: qui le est plus emphatique, <em>strong>...</strong></em> ou <strong><em>...</em></strong>, voire <em><em><em>...</em></em></em>... ? )

L' aspect hiérarchisé des <hn> ne tient qu'à l'architecture de ces sections/sous-sections/sous-sous-sections/ etc, et ne traduit aucune emphase. Finalement, ce sont des éléments très mécaniques et assez pauvres, quoiqu'efficaces, qu'il faudrait peut-être désacraliser un peu

Mais c'était bien tenté

Pour faire court ...

... +1

En plus c'est bien dit et bien expliqué.

Donc si je te suis bien, il faut utiliser ces balises "h" en se focalisant uniquement sur l'aspect "structure" de la page (sections/sous-sections/sous-sous-sections/). Intéressant ...

Damonya a écrit :

(je le suis en météo, c'est donc pas une critique, rassurez-vous).
....
PS : Bon prochain objectif, passer toutes les bordures fluides en position relatives, car j'avoue avoir un peu de mal dans la pratique avec la méthodes des coins de clb56 (niveau un peu élevé pour moi, après bug IE etc par manque de maitrise surement...)....Tanpis pour les DIVs les uns sur les autres, désolé....Je prefere faire simple à gérer

La météo me rappelle la soumission de la première version de ton site : il a bien évolué depuis !

Les choses évoluent doucement ... mais sûrement !