[Résolu][HTML5]Outline, section et hiérarchie de titres

Bonjour!

Une petite interrogation de ma part concernant HTML5.

J'ai cru comprendre que désormais la hiérarchie de titre est "réinitialisée" dès que l'on rentre dans une nouvelle section.

Donc en gros, ceci est censé être correct :

<section>
	<h1>Titre 1</h1>
	<p>Un poil de blabla introductif par hasard...</p>
	<section>
		<h1>Titre 2</h1>
		<p>On rentre dans le détail de titre 2...</p>

		<h1>Titre 3</h1>
		<p>On rentre dans le détail de titre 3...</p>
	</section>
</section>

Mais si j'ai bien suivi la spec, et selon ce commentaire, ce code, avec la hiérarchie de titre à l'ancienne est équivalent :

<section>
	<h1>Titre 1</h1>
	<p>Un poil de blabla introductif par hasard...</p>
	<section>
		<h2>Titre 2</h2>
		<p>On rentre dans le détail de titre 2...</p>

		<h2>Titre 3</h2>
		<p>On rentre dans le détail de titre 3...</p>
	</section>
</section>

Est-ce que je me trompe? Et dans le cas ou ces deux balisages sont équivalents au niveau de l'outline produit, auquel va votre préférence? Merci d'avance...
Modifié par Florian_R (12 Aug 2010 - 11:53)

Florian_R a écrit :
Est-ce que je me trompe?

Il me semble que non.

Florian_R a écrit :
Et dans le cas ou ces deux balisages sont équivalents au niveau de l'outline produit, auquel va votre préférence?

À celui qui est compatible avec les agents utilisateur modernes, qui n'ont pas encore implémenté l'algorithme de plan du document d'HTML5. Donc ton deuxième exemple.

Je regrette un peu que HTML5 n'ait pas repris l'élément H de XHTML2 (tout en conservant H1-H6 de HTML4). Ainsi on aurait pu choisir entre les deux approches: compatibilité descendante avec H1-H6, ou sections + H. Et à la relecture du code, on pourrait voir quelle approche a été choisie.
Modifié par Florent V. (11 Aug 2010 - 16:09)

OK merci pour l'éclaircissement.

Juste une chose :

Florent V. a écrit :

À celui qui est compatible avec les agents utilisateur modernes, qui n'ont pas encore implémenté l'algorithme de plan du document d'HTML5. Donc ton deuxième exemple.

Ceci à rapport avec les lecteurs d'écrans (navigation par titre)?

Florian_R a écrit :


Donc en gros, ceci est censé être correct :

<section>
	<h1>Titre 1</h1>
	<p>Un poil de blabla introductif par hasard...</p>
	<section>
	   <h1>Titre 2</h1>
	   <p>On rentre dans le détail de titre 2...</p>

	   <h1>Titre 3</h1>
	   <p>On rentre dans le détail de titre 3...</p>
	</section>
</section>

Bonjour !

Cela marche, sauf si on enlève les balises <section> et qu'on laisse les titres définir implicitement une nouvelle section. Dans ce cas là, les 3 titres seront au même niveau.

C'est bien cela ?

(cf: articles "sections and outlines")

<section>
	<h1>Titre 1</h1>
	<p>Un poil de blabla introductif par hasard...</p>		
        <h1 class="implicit section">Titre 2</h1>
        <p>On rentre dans le détail de titre 2...</p>
        <h1 class="implicit section">Titre 3</h1>
        <p>On rentre dans le détail de titre 3...</p>
	
</section>

Modifié par carine-Nethik (11 Aug 2010 - 18:45)

Florian_R a écrit :
Ceci à rapport avec les lecteurs d'écrans (navigation par titre)?

Oui, c'est le principal usage concret des titres de section.
Il y a aussi l'affichage sans CSS, dans un lecteur de flux RSS par exemple.

Et puis c'est intéressant le nouvel algorithme de construction du plan du document, et sur le papier ça corrige un certain nombre de défauts du modèle simpliste de HTML 1-4... mais je suis pas sûr que concrètement ça ait un grand intérêt. Wait and see...

@carine-Nethik: il me semble que oui.

Merci pour les précisions.

Je crois que je vais m'en tenir à la solution à l'ancienne, je ne suis pas fan du tout de la méthode h1 partout....

Allez hop, résolu...