Bootstrap et HTML5-section ou div?
J'ai une question concernant l'utilisation de Bootstrap - je vois que par défaut ils utilisent beaucoup de DIVs au lieu de sections etc.
J'ai lu la spécification HTML5 dernièrement-quand utiliser la section et quand utiliser div. L'idée de base est que DIVs ne devrait être utilisé que si un élément HTML5 spécifique ne s'applique pas.
Maintenant, si je veux créer un site Web HTML5 en utilisant Bootstrap, devrais-je changer les DIVs en éléments HTML spécifiques (par exemple SECTION)?
4 réponses
Cela dépend vraiment du contenu de votre page, mais fondamentalement, vous pouvez utiliser des balises HTML5 et appliquer des classes bootstrap comme ceci:
<section class="row">
...
</section>
<footer class="row">
...
</footer>
Mais comme dit Cela dépend de votre contenu, et plus encore, vous n'êtes pas obligé d'utiliser des balises <section>, elles ont pour but spécifique de représenter un document générique ou une section d'application, et elles ne sont pas obligatoires.
Les balises <div> sont des balises génériques généralement utilisées pour le style, comme dans bootstrap. Mais si vous voulez garder les balises <section>, peut-être que vous pourriez préférez une solution mixte comme celle-ci:
<section>
<div class="row">
...
</div>
<div class="row">
...
</div>
</section>
Avec cette solution, la balise <section> est utilisée pour regrouper le contenu, comme il se doit, et les balises <div> pour le styliser.
Section n'est pas à des fins de conception, il a une signification spécifique. Il indique des sections/parties distinctes d'une page web. D'autre part, div n'a pas de signification particulière. Vous pouvez utiliser divs anonymement pour gérer vos styles frontaux.
Pour autant que j'ai lu l'utilisation de la section est une sémantique correcte et aide au référencement.
Les balises de Section sont utilisées pour segmenter vos pages web et le rend optimisé pour le référencement tandis que les Div sont utilisés pour le style de votre contenu.