Rien dans la spécification stipule que vous ne pouvez pas ou ne devez pas mettre en forme des éléments HTML5 tels que <section>
ou <article>
. Il dit seulement que vous ne devriez pas placer un élément HTML5 sémantique quelque part 'pour le bien de' coiffant quelque chose. Utilisez plutôt un <div>
.
Donc, si vous avez une raison sémantique pour ajouter le ou quelque part <section>
<article>
, puis par tous les moyens et l'ajouter sentir aussi libre de style aussi. Mais si vous devez envelopper une section de votre balisage à des fins de style (par exemple pour ajouter une bordure, ou flotter à gauche, etc.), mais que cette section n'a aucune signification sémantique dans votre balisage, utilisez <div>
.
Par exemple:
<div class="mainBox">
<nav class="breadcrumbs">
<ol>
<li>...list of links (snip)....</li>
</ol>
</nav>
<section>
<h1>Latest Tweets From Twitter</h1>
<article>
//... a Tweet (snip)... //
</article>
<article>
//... a Tweet (snip)... //
</article>
//... lots more Twitter posts (snip)... //
</section>
</div>
L'élément <section>
est la partie principale de votre page (.-À-dire la liste des tweets) et a également un cap au début qui est nécessaire. Mais il est enveloppé dans un élément div.mainBox parce que peut-être vous voulez envelopper une bordure autour de la chapelure et des parties de la section, à savoir. c'est purement pour le style. Mais il n'y a rien pour vous empêcher de styliser les éléments <section>
et <article>
également.
Philosophycal :-) –
Pourquoi ne serait-il pas mauvais de styler n'importe quel élément html5? – Gabriel
Pour la balise '':" Lorsqu'un élément est requis à des fins de style ou pour faciliter le script, les auteurs sont encouragés à utiliser l'élément div à la place. " Je me demandais s'il y avait des "règles" similaires concernant les autres balises html5. –
alexcoco