Question

我一直在碰到这个问题，每个人都在这里： a）想要用div包装HTML5语义标签，和 b）想要将类选择器应用于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时，意见实际上很重要，因为几乎每个人都有问题，没有其他方法可以在没有意见的情况下敲定细节。

Answer 1

我建议坚持

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

格式。

如果您打算与其他开发人员或使用bootstrap模板合作，您会看到容器类通常嵌套行类div。

由于我们讨论的是标记，因此没有正确的答案，但强烈建议遵循此约定。

但是，如果你坚持给出非div标签＆＃34; container＆＃34;和＆＃34; col-X＆＃34;标签，保持一致。我不会推荐它，并会考虑遵循其自己的约定的任何模板作为代码质量差的指标。