HTML5 и Bootstrap class= "контейнер", может ли он применяться к телу или только к div?

Я продолжаю сталкиваться с этой проблемой, когда все держатся: 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, мнения действительно имеют значение, поскольку практически у каждого возникают проблемы, и нет другого способа выработать детали без мнений.

Ответы

Ответ 1

Я рекомендую придерживаться

<body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...

формат.

Если вы собираетесь работать с другими разработчиками или с шаблонами начальной загрузки, вы увидите, что классы контейнер обычно вложены в класс row.

Поскольку мы говорим о разметке, нет правильного ответа, но в соответствии с этим соглашением настоятельно рекомендуется.

  • Для согласованности
  • Для упрощения внесения изменений в стиль и повторное использование с другими проектами - это даже открывает дверь для замены в CSS-таблицах стилей из других проектов или шаблонов начальной загрузки. (У меня были некоторые удивительно хорошие результаты).

Однако, если вы настаиваете на предоставлении тегов без тегов "контейнер" и "col-X", будьте последовательны. Я бы не рекомендовал его, и рассмотрел бы любой шаблон, который следует за его собственной конвенцией, как индикатор низкого качества кода.