5546 sujets

Sémantique web et HTML

Bonjour à tous,

J'ai une maquette à intégrer, mais celle-ci me pose problème, car je ne sais pas si la structuration de mon html est correcte au sein de ma balise article.
Pour vous expliquer, j'ai une image qui prend toute la largeur de la page, avec le titre de la page dedans.
Et dessous, j'ai cote à cote mon contenu sur 8 colonnes et ma sidebar sur 4 colonnes. Sachant que ce qui est dans la sidebar est en lien avec ma page.
Est-ce que cette structure est cohérente ?
Au fait j'utilise la grille de bootstrap pour mettre en forme mes éléments.

<article>
    <header class="article-header">
	<img src="#" alt="L'image qui illustre ma page" />
	<h1>Le titre de ma page</h1>
    </header>
    <div class="container">
	<div class="row">
	    <div class="col-md-7">
		<div class="article-content">
		    <p>Le contenu de ma page est ici !</p>
		</div>
		<footer class="article-footer">
		    <p>Ici j'ai plusieurs éléments comme des pages relatives à cette page, les liens pour les réseaux sociaux, etc</p>
		</footer>
	    </div>
	    <aside class="col-md-offset-1 col-md-4">
		<div class="widget"></div>
		<div class="widget"></div>
		<div class="widget"></div>
		<div class="widget"></div>
	    </aside>
	</div>
    </div>
</article>


Merci d'avance pour vos réponses. Smiley smile
Modifié par Raphi (30 Sep 2015 - 10:28)