html - 引导警报：div 中的内容？

Question

为什么bootstrap可以将内容直接放入 <div> 标签中？例如。

<div class="alert alert-block">
    <a class="close" data-dismiss="alert" href="#">×</a>
    <h4 class="alert-heading">Warning!</h4>
    Best check yo self, you're not...
</div>

语义呢？在这种情况下，文本不应该包含在段落中吗？

Answer 1

您的问题与其他问题密切相关。简而言之，div是构造文档的通用方式，而p表示段落。既然你在谈论语义，我不确定所有文本都必须分成几段。在那种特殊情况下（一个简单的警告），包含在其中的整个文本div都是一个句子，所以“将单个句子分成段落”的概念对我来说甚至没有意义。

否则，对于较长的文本，将相关句子分组在段落中完全有意义，如果您正确使用它们，即使搜索引擎也可以更好地“理解”您的内容。一些较新的 HTML5 标签（例如header,footer等）具有相同的目的：明确说明文档的语义，以便自动代理更好地处理，即使“通用”div 足以让人类读者理解（因为对我们来说，屏幕上的元素是最重要的，无论用于表示它的内部代码如何）。

Answer 2

警报不是永久性的，通常在单击时关闭。所以他们被索引的机会很低。也就是说，h4在页面上使用 an 应该没问题，因为 h1 和 h2 更常见，并且根据警报的位置，h4 可能显示低于 h1，h1 可能是页面顶部的标题。