引导和HTML5语义标记

我刚开始使用Twitter引导，遇到了一个问题

最近阅读了一些关于HTML5的教程，发现应该使用诸如header、nav、footer等语义元素而不是Div

现在，在学习Bootstrap时，他们中的大多数人都在使用Div标记

那么，引导Div标签或HTML5语义标签的好方法是什么？为什么

---

谢谢。

引导使用Divs来显示应该如何使用框架。这是因为div是通用的块元素，几乎在任何情况下都可以用于容器。但是您在引导中使用的元素并不重要，因为它使用类来呈现元素

例如，使用以下命令时，屏幕上将显示相同的结果：

<section class="col-md-4">Hello</section>

你好 比使用

<div class="col-md-4">Hello</div>

你好 真正的区别在于机器人和可访问性阅读器，因为正如你所说，HTML5元素是语义

每个开发人员都会选择他觉得最舒服的元素。但我的观点是：如果你相信html5元素的语义方法（你应该：），最好的方法是使用html5元素作为具有特殊含义的标记（如页眉、页脚、导航等），并在不存在html5元素的所有情况下使用div

---

以下是所有元素及其含义的列表：

您应该使用HTML5语义标记，因为它们可以帮助搜索引擎和屏幕阅读器

您（在撰写本文时）使用的引导文档和/或模板似乎落后了。我找不到任何动机来解释为什么不用HTML5语义标记围绕引导

div

元素（这些元素正确地应用于样式）

例如，在以下情况下：

报告也指出了同样的问题：

确保使用元素，如果使用更通用的元素，请使用 例如，在每个导航栏中添加一个role=“navigation”，以便显式地 将其确定为辅助技术用户的标志性区域

---

我有点不清楚你说的是什么意思：“但是你在引导中使用的元素并不重要……”与什么无关？HTML5中这些新标记的全部意义不就是这些语义很重要吗？例如，在。你在回答中强调个人偏好，同时又与之相矛盾，这让我有点困惑。我的意思是“风格呈现不重要”（除了

.table

中的一些子元素，如td）。是的，选择正确的标记名对于语义很重要（就像你说的w/your

nav

示例），但是如果你真的不关心语义（就像bootstrap团队在他的示例中所做的那样，因为没有有用的标记，它只是编码示例），并且只想尝试使用bootstrap设置块元素的样式，选择一个div元素就足够了。希望现在更清楚了。顺便说一下：；）

<nav role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="#foo">foo</a></li>
        <li><a href="#bar">bar</a></li>
    </ul>
</nav>