5568 sujets

Sémantique web et HTML

Bonjour à tous,

mon formateur me demande d'utiliser le moins de div possible tant que les balises sémantiques suffisent.
Du coup je planche sur un devoir sous forme de projet et j'aimerai savoir si il était possible d'utiliser un aside à l'interieur d'une balise article?

ex:
<article id="main-feature">
<img src="images/main-feature.png" alt="photo d'écran d'ordinateur">
<aside id="expo">
<h3>UX design</h3>
<p>Nous suivons de près les nouvelles tendances graphique et digitales pour apporter à votre projet tout ce qui fera son succès et ravira les yeux de vos utilisateurs.</p>
<h3>UI design</h3>
<p>Ordinateur, Tablette ou Smartphone, nos interfaces s'adaptent à tout format, en respectant votre identité visuelle.</p>
<h3>SEO</h3>
<p>Nos experts se chargent du référencement de votre site, et vous assurent la meilleure visibilité possible dans les moteurs de recherche. Ils vous accompagnent également lors de vos campagnes de communication.</p>
</aside>
</article>


Merci à tous
Administrateur
Bonjour,

oui, autant que je sache on peut utiliser un aside dans un article, tout comme un header ou footer mais dans ton exemple c'est 90% du contenu de son parent et ça, ça ne convient pas : ça doit rester un contenu complémentaire du contenu principal. 90% du contenu principal il est peu probable que ce soit le cas Smiley cligne
Sur HTML5doctor : http://html5doctor.com/aside-revisited/
Meilleure solution
Felipe a écrit :
Bonjour,

oui, autant que je sache on peut utiliser un aside dans un article, tout comme un header ou footer mais dans ton exemple c'est 90% du contenu de son parent et ça, ça ne convient pas : ça doit rester un contenu complémentaire du contenu principal. 90% du contenu principal il est peu probable que ce soit le cas Smiley cligne
Sur HTML5doctor : http://html5doctor.com/aside-revisited/


qu'est ce que je pourrai mettre du coup à la place car je dois aussi placer l'image et le contenu avec flexbox?
Merci encore
Bonjour,

Il me semble bien qu'après une balise article il est attendu un titre. Ici, un titre de deuxième niveau semble donc requis.

A la place d'un aside ou d'une division, pourquoi ne pas utiliser une balise figure ? Elle servirait de conteneur et évite ainsi l'utilisation de division neutre.