blockquote vs div

时间:2008-09-04 00:20:58

标签: html css

<blockquote>上使用<div>元素有什么好处?我正在查看网站的标记来学习CSS,我无法弄清楚为什么<blockquote>被使用。

编辑:是的,我没有澄清,它用于保存带有用户名的<div>标签作为文本和输入标签。显然没有引用。

7 个答案:

答案 0 :(得分:9)

从语义上讲,blockquote标记在引用某些内容时很有意义。当然,程式化的div可以做同样的事情,但为什么不使用正确的标签来完成工作?

此外,blockquote标记允许您包含cite属性的引文。

答案 1 :(得分:7)

理论上,HTML应该尽可能“语义” - 这意味着每个元素都应该表明其内容。 <h1> s 应附上最重要的标题; <p> s 应该包含段落; <em>应该表明强调等等。

这样,当您 - 或屏幕阅读器或其他任何东西 - 查看它时,代码是有意义的。这也有助于不了解所有(或任何)CSS规则的设备。

答案 2 :(得分:2)

当它包含的文本是块引用时,应使用

<blockquote>。这对我来说非常明显,你的问题还有另一个方面吗?

答案 3 :(得分:0)

如上所述,<blockquote>用于引用。同样,您将在一个<p>内使用多个<div>块来保存页面内容或其他内容。 HTML5提案将有更多的块元素(即与div相同),其目的是添加关于它的语义信息,如页眉,页脚,菜单等。

答案 4 :(得分:0)

如前所述,blockquotes用于引号。就像表格(可以说)表格数据一样,列表用于列表,div用于分区,p用于段落等。

当然,你几乎可以使用div。这就是在CSS中使用HTML的美妙之处:你可以看到任何你希望它看起来的东西(理论上,在现实世界的浏览器怪癖中有时会混乱)。

将div用于你能想到的任何东西通常被称为'divitis'。有关解释,请参阅this article。)

答案 5 :(得分:0)

他们使用blockquote的可能原因是,许多涉及HTML的人对CSS知之甚少,知道div可以被赋予与{{1}相同的左边距默认情况下渲染。

答案 6 :(得分:0)

轻松自在,对吧?一切都没有真正改变。请记住,就像“块级元素”(流内容)一样,除了文本的普通段落外,我们还可以在其中添加大多数内容,包括标题,图像和表格。 HTML5中有一些细微的差异。是节的根,这意味着其中包含的任何元素都不会成为文档大纲的一部分。而且,添加没有封闭

标记的单个文本段落现在完全可以理解。以下是一些简单的示例(对虚假内容表示歉意):

我的文章中的建议直接来自编写和编辑用于我网站上的几兆价值的原始文本,这些原始文本购买了很多边缘情况和有关语义的好奇问题;因此,虽然我不会说我的选择适合每个人,但至少在文本背景下进行了尝试。

我对您在HTML5Doctor上发表的ABBR文章的抱怨非常重要,因为您没有遵循自己的建议,因为我知道在我想出自己的建议之前,我实际上疯狂地尝试对这些文本片段使用这些规则恢复对我理智的控制。

但是,我肯定会说,引用仍然是三者中比较弱的一个,我很欣赏这篇文章的内容。

如果您愿意,可以根据医生的反馈对我的文章进行进一步的修改,以更好地适应更广泛的受众。我坚信学习HTML5的关键部分是适当地学习HTML4,并尽可能避免使用span和divs以获得语义

相关问题