Je n'arrête pas de me heurter à cette question où tout le mondegarde: a) vouloir envelopper les balises sémantiques HTML5 avec des divs, et b) veut appliquer des sélecteurs de classe aux divs et non aux balises sémantiques. C’est comme si les gens avaient peur de gifler les classes sur des étiquettes sémantiques pour une raison quelconque.
Par exemple, on me dit constamment que c'est "incorrect",
<body class="container">
<header class="row">
<div class="col-md-12"> ...
Et quelque chose comme cela est plus préférable,
<body>
<div class="container">
<div class="row">
<div class="col-md-12"> ...
Et ici, où le premier exemple que j'ai la classe de colonne dans la balise h2
<div class="row">
<h2 class="col-4 feature">Featured Work</h2>
</div>
Mais "la bonne" consiste à ajouter encore une autre balise div pour appliquer la classe,
<div class="row">
<div class="col-4 feature">
<h2>Featured Work</h2>
</div>
</div>
Je comprends que cela pourrait être basé sur l'opinion,mais j’ai constaté que, lorsqu’il s’agissait de HTML5, les opinions comptaient dans la mesure où pratiquement tout le monde avait des problèmes et qu’il n’y avait pas d’autre moyen de définir les détails sans les opinions.
Réponses:
9 pour la réponse № 1Je recommande de s'en tenir à la
<body>
<div class="container">
<div class="row">
<div class="col-md-12"> ...
format.
Si vous avez l’intention de travailler avec beaucoup d’autres développeurs ou avec des modèles de bootstrap, vous verrez que le récipient classes typiquement nid rangée divs de classe.
Puisque nous parlons de balisage, il n’ya pas de bonne réponse, mais le respect de cette convention est fortement recommandé.
- Pour la cohérence
- Pour changer facilement de style et de réutilisation avecautres projets - cela ouvre même la porte à des remplacements instantanés de feuilles de style CSS provenant d’autres projets ou de modèles de bootstrap. (J'ai eu des résultats étonnamment bons avec cela).
Cependant, si vous insistez pour donner des tags non divbalises "container" et "col-X", soyez cohérent. Je ne le recommanderais pas cependant et considérerais tout modèle qui suit sa propre convention comme un indicateur de mauvaise qualité de code.