Я продолжаю сталкиваться с этой проблемой, когда все держатся: a) желание обернуть семантические теги HTML5 с помощью div и б) хочет применить селекторов классов к div, а не к семантическим тегам. Это как если бы люди почему-то боятся пошатывать классы по семантическим тегам.
Например, мне постоянно говорят, что это "неверно",
<body class="container">
<header class="row">
<div class="col-md-12"> ...
И что-то вроде этого предпочтительнее,
<body>
<div class="container">
<div class="row">
<div class="col-md-12"> ...
И здесь, где в первом примере у меня есть класс столбца в теге h2
<div class="row">
<h2 class="col-4 feature">Featured Work</h2>
</div>
Но "правильный" способ - добавить еще один тег div для применения класса,
<div class="row">
<div class="col-4 feature">
<h2>Featured Work</h2>
</div>
</div>
Я понимаю, что это может быть основано на мнениях, но я обнаружил, что, имея дело с HTML5, мнения действительно имеют значение, поскольку практически у каждого возникают проблемы, и нет другого способа выработать детали без мнений.