Question

我最近看到很多关于这个新概念的讨论，名为 oocss ，我想知道将div s中的主要标签包装成样式是不好的做法/页面布局目的。

我问这个是因为我看到像 Twitter Bootstrap 这样的框架使用这样的方法。

从语义和可访问性的角度来看，这种标记的含义是什么？

例如：

<div class="container">
  <div class="row">
    <div class="span4">
      <nav class="nav">...</nav>
    </div>
    <div class="span8">
      <a href="#" class="btn btn-large">...</a>
    </div>
  </div>
</div>

而不是

<div class="menu">
  <nav class="nav">...</nav>
  <a href="#" class="bttn">...</a>
</div>

Answer 1

不，没关系。 HTML是一种“标记语言”，标记涉及样式。此外，每个人都这样做。许多流体多柱布局正好依赖于这种方法。

Answer 2

使用不必要的divs不是一个好主意......如果第二个框中的HTML代码足以完成您想要或需要做的所有事情，那么请不要使用额外的divs。 ..其次，第二个框中的HTML代码比第一个框中的代码更清晰，更短......如果您保持代码干净，简短和格式化，当您需要或需要更新时，它会对您有所帮助将来的代码......

将div用于造型目的是不好的做法吗？

2 个答案: