5537 sujets

Sémantique web et HTML

Bonjour,
Je souhaiterais savoir quelle est la meilleure pratique selon vous pour une suite d'éléments n'étant pas forcément des liens.
Par ex pour une section "services" dans une landing page, contenant 3 blocs identiques avec icône, titre et description.
Vaut-il mieux utiliser 3 div > img + h3 +p
ou 3 ul > li > img + h3 + p ?

- Je trouve bizarre de mettre un h3 dans un li
- Mais les div doivent dans l'idéal être évitées au profit de "toute balise plus sémantique"

Comment faire pour bien faire dans ce cas ?
Merci de vos conseils,
Modérateur
Salut,


Virbaya a écrit :
ou 3 ul > li > img + h3 + p ?

1 ul avec 3 li tu veux dire non ?

Dans la W3C on peut lire :
W3C a écrit :
While it is conforming to include heading elements (e.g., h2) and Sectioning content inside li elements, it likely does not convey the semantics that the author intended. A heading starts a new section, so a heading in a list implicitly splits the list into spanning multiple sections. Sectioning content explicitly creates a new section and so splits the list into spanning multiple sections.

https://www.w3.org/TR/html52/grouping-content.html#the-li-element

Donc c'est possible de mettre des titres dans les li mais ça l'est toujours autant de mettre des section comme Yordi propose. C'est même plus simple je trouve. Perso j'aurais mis des div ou des sections. A toi de voir.