Bonjour à toutes et tous, aujourd'hui je fais un site en HTML5.

Je sais déjà ce à quoi le site devra ressembler, mais j'ai quelques soucis pour choisir les bonnes balises sémantiques.

Je pensais à cette organisation :



Avec :

- En gris (en haut) : le titre;
- En jaune : le menu;
- En noir (en bas) : le pied de page avec des liens comme dans le menu;
- En rouge : le corps de page;
- En bleu : les infos principales;
- En orange dans le bleu : les news, infos et autres truc sympathiques;
- En vert : les articles sympathiques les mieux notés, les plus récents;
- En blanc dans le vert : des liens vers les trucs sympathiques notés et récents;

J'avais pensé à cette sémantiques, mais je n'en suis plus sûr du tout :

- Gris : <header>
- Jaune : <nav>
- Noir : <footer>
- Rouge : <div id ="corps">
- Bleu : <section>
- Vert : <aside>
- Orange et Blanc : <div class="frame">

Cependant, le vert et de noir sont essentiellement composés de colonnes de liens <a>, donc est-ce qu'il ne vaut pas mieux de mettre `footer > nav` pour le noir, <main> pour le rouge, <div id="corps"> pour le bleu, <section> pour les oranges... Et dans ce cas, que mettre pour les vert et blanc ?

Je suis un poil une sacré touffe perdu.
Au plaisir de vous lire.
Cordialement, Novax.