Comment bien utiliser les balise <section><article> et <aside>
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:
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:
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
