18041 sujets

Questions générales et questions de débutants

Ma structure html5 est juste ? Aiguillez-moi si besoin

Bonjour la communauté!

Je désire développer un site qui va répertorier toute la collection d'albums que je possède. Une sorte de base de données. Le html5 étant devenu le standard du web, j'ai lu des articles se référent à cette norme sur le site d'Alsacreations. Mais, je me pose encore quelques interrogations sur certaines balises.

Sous un dessin, j'ai structuré la forme du site que j'aimerais développer.

http://img11.hostingpics.net/pics/528804structurehtml5.png



Mes interrogations sont les suivantes :

- quelle balise insérer pour le "sous titre" du site; étant donné que le titre du site est balisé en <h1>, je pense que <h2> serait peut-être approprié pour le "sous titre", qu'en pensez-vous ?

- quelle balise mettre pour le menu secondaire non déroulant (<aside> ?)

Pour vous situer ce que je compte faire par rapport au menu, je vais vous donner un exemple concret.

Si on clique sur "nom chanteur" dans la navigation principale, le "sous menu" affichera sous forme de liens des intitulés comme : albums, singles, etc... ce qui permettra aux visiteurs d'accéder aux différents albums, singles, etc...

Quelle est donc la balise à utiliser pour ce "sous menu" ? un second <nav> ? un <aside> ?...

Concernant la déclaration de section de page, je ne sais pas si elle est utile puisqu'elle est unique. La balise <article> est peut-être suffisante dans mon cas. Qu'en pensez-vous ?

Je peine un peu, je vous remercie de m'aiguiller Smiley smile
Modifié par misterclass (30 Dec 2016 - 18:06)
Administrateur
Bonjour,

Plusieurs interprétations sont évidemment possibles, voici mon opinion : Smiley smile
Concernant le contenu, un élément main serait plus indiqué. Et s'il n'y a qu'un seul type de contenu, rien d'autre Smiley smile

Pour le sous-titre (tagline), un p fera l'affaire si le texte ne fait pas partie du h1.

Pour la navigation secondaire, n'est-ce pas une liste imbriquée, c'est-à-dire une liste ul pour chaque item principal d'une liste ul principale (elle-même dans le nav) ? Si la 2e liste est adjacente à la 1ère, je dirais de mettre les 2 dans l'élément nav. Je n'ai pas encore rencontré ce cas donc c'est peut-être une mauvaise idée... Ou autre piste, implémenter 2 nav (c'est un des rares cas où on peut en avoir 2 plutôt q'une unique) suivre les recommandations du guide de l'intégrateur https://github.com/DISIC/guide-integrateur/blob/master/1-gabarit-general.md#%C3%89l%C3%A9ments-html5-et-landmarks-aria (cf. "navigations principales et secondaires " et le code de l'Astuce avec 2 nav). Le reste de la page devrait t'intéresser également Smiley cligne
En tout cas pas d'aside, au contraire : c'est un élément utile pour baliser des contenus liés au principal mais pas directement, un "à côté" comme des liens "pour aller plus loin". En anglais : http://html5doctor.com/aside-revisited/
Note pour header et nav : si tu le peux, mieux vaut que nav suive header plutôt que d'être imbriqué. Mais si tu as des contraintes graphiques ou peu importe la raison, imbriqué ça va également Smiley smile
Dans le guide de l'intégrateur évoqué ci-dessus, il y a de nombreuses explications sur les landmark roles que je t'invite à implémenter (<header role="banner">, etc)
Modifié par Felipe (30 Dec 2016 - 18:48)
Sujet clos
Aller à