Discussion :

[pierrot10]

Bonjour à tous,
je me lance en html5 et j'ai doute comment structurer ma page.

Pour le moment le petit site que je veux refaire en html est comme ceci

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="general">
<div id="left"><nav> [ici, un sous menu]</nav>
</div>
<div id="center">
</div>

Note que #left a float left afin de faire deux colonne avec left et center.

Je ne sais as comment remplacer avec quoi....
Je pense que par logic, une <section> contient des <article> et que des <section> lui contenir d'autre <section>.
Mais alors comment distinguer mes sections avec mon fichier css. EN html5 je suppose qu'on peut mettre aussi des id et des class?

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<section id="general" class="class">
  <section id="left">
    <nav> [ici, un sous menu]</nav>
  </section>
  <section id="center">
    <section>
      <article></article> 
      <article></article>
      <article></article>
      <article></article>
    </section>
    <article></article>
    <article></article>
  </section
</section>
</section>

Es-ce bien de faire un truc du genre?

Si non pourrais conserver le <section id="center"> et utiliser un <aside> pour remplacer le <section id="left">, sachant que left contiendra un sous-menu qui va "gérer" le contenu de id="center"?

Je suppose que je dois eviter d'utiliser des div?

Merci pour vos lumières

[pierrot10]

Aussi, es-ce judicieux d'attaquer avec les composantes du formulaire ajoutées a HTML5?
Le formulaire webform2 n'est pas encore prêt? non?

Merci

[cssman]

Faire des <section> juste pour appliquer une mise en forme ne me semble pas être dans l'esprit du html5.

Chacune de ces nouvelles balises ont un sens sémantique que n'ont pas les div.
Il ne faudrait pas passer de la "divite aigüe" à la "sectionite aigüe"

Par contre, bien sûr, rien n'empêche d'appliquer effectivement des id et des class, et ceux-ci peuvent permettre (aussi) de positionner les éléments.

Attention aussi, <aside> n'est pas destiné à faire un menu de navigation sur le côté (pour cela il y a <nav>). <aside> est un encart à coté de.

Tout ça pour dire que si le <section id="center"> est juste là pour centrer avec un "margin:auto" (par exemple), autant faire un div...