Discussion :

[ABCIWEB]

Bonjour,

J'ai un moteur de recherche à base de "nav > ul > li" dont la mécanique fonctionne et je recherche maintenant s'il existe une sémantique particulière pour définir les différents éléments, sachant que les "li" de premier niveau contiennent des sous menu, cad d'autres "u > li". Y-a-t-il une sémantique particulière autre que des attributs standards (div, p) pour définir le titre principal (sous la balise nav) et les titres de sous-menus (sous les balises li qui correspondent à des sous-menu), je ne trouve rien de concluant sur le web/MDN, ni en explorant le code source de différents sites.

Autre question concomitante, j'observe sur certains sites que les moteurs de recherche de même type sont parfois encadrés par des balises "aside". Cela désigne un aparté, est-ce pertinent ?

Merci de vos lumières.

[NoSmoking]

Bonjour,

Y-a-t-il une sémantique particulière autre que des attributs standards (div, p) pour définir le titre principal (sous la balise nav)...

tu peux toujours utiliser des balises <hx>.

sur certains sites que les moteurs de recherche de même type sont parfois encadrés par des balises "aside". Cela désigne un aparté, est-ce pertinent ?

ce n'est pas déconnant du tout attendu que ce n'est pas du contenu qui participe pleinement à la compréhension de la page.

[ABCIWEB]

Salut,

Merci pour ta réponse. Oui j'avais bien pensé aux "hx" mais je n'en vois jamais dans le code source des moteurs de recherche sur le web. En fait j'ai posé ma question pour avoir un avis externe et être certain que rien n'est spécifiquement approprié dans ce cas car je suis plus orienté php/javascript que html/css.

aside n'est pas déconnant du tout attendu que ce n'est pas du contenu qui participe pleinement à la compréhension de la page.

J'ai compris la même chose, mais en même temps cela semble indiquer qu'il faudrait justement éviter des balises "hx" puisque ces titres sont également censés améliorer la compréhension du contenu de la page. Donc pourquoi pas le "aside" mais si "aside" est adapté j'en conclu logiquement que "hx" l'est moins, non ?

En tous cas merci encore

[NoSmoking]

J'ai compris la même chose, mais en même temps cela semble indiquer qu'il faudrait justement éviter des balises "hx"

Je dirais que rien ne s'y oppose d'autant plus si on s'en réfère à l'exemple #3 de la recommandation :

↪ 4.3.5 The aside element

[ABCIWEB]

Je dirais que rien ne s'y oppose d'autant plus si on s'en réfère à l'exemple #3 de la recommandation :

↪ 4.3.5 The aside element

Oui dans ce cas je comprends. Mais en fait mon moteur de recherche se situe dans un bloc à gauche de la page, et le bloc de droite (l'essentiel de la largeur de la page) reçoit le résultat de la recherche, soit la liste des produits, plus des paragraphes de description.

C'est donc ce bloc de droite qui constitue l'essentiel de la page. J'utilise donc "h1" pour le titre de la page, constitué du titre de la rubrique concaténé aux options choisies, puis plus bas après ma liste de produits, j'ai des "h2" qui décrivent les options choisies, puis d'autres "h" pour les blocs suivants. Donc autant je peux comprendre que le "aside" soit approprié pour encadrer le moteur de recherche, autant j'ai des doutes pour y mettre des balises "h" qui viendraient s'ajouter aux autres "h" utilisés dans le bloc principal des résultats.

J'aurais dû être plus complet dans ma description initiale, une erreur de débutant je n'avais pas décrit le contexte. Enfin voilà c'est dans ce cadre que j'ai du mal à comprendre la pertinence d'utiliser des "h" dans le moteur de recherche et que je cherchais s'il y avait des éléments spécifiques appropriés dans ce cas de figure pour baliser le bloc de recherche.

[NoSmoking]

Mais en fait mon moteur de recherche se situe dans un bloc à gauche de la page, et le bloc de droite (l'essentiel de la largeur de la page) reçoit le résultat de la recherche, soit la liste des produits, plus des paragraphes de description.

vu comme cela je dirais que tu as une page « standard » avec un menu à gauche et le contenu correspondant à droite.

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
18
19
<body>
  <header>
    <h1>Titre principal</h1>
  </header>
  <aside>
    <h2>Recherche</h2>
    <nav>
    </nav>
  </aside>
  <main>
    <h2>Résultats</h2>
    <article>
    </article>
    <article>
    </article>
  </main>
  <footer>
  </footer>
</body>

... c'est une façon de faire, on pourrait tout aussi bien ne pas mettre d'élément <aside> et utiliser directement l'élément <nav>.

Après il faut quand même convenir qui si rien ne te semble correspondre, en terme de sémantique, il est préférable de ne rien mettre et en rester aux bonnes vieilles <div> !

[ABCIWEB]

Ok, merci. Je ne sais pas encore ce que je vais faire exactement mais j'y vois plus clair.