<blockquote>
在 a 上使用元素有什么好处<div>
吗?我正在查看一个网站的标记来学习 CSS,但我无法弄清楚为什么<blockquote>
要使用它。
编辑:是的,对不起,我没有澄清,它被用来保存<div>
用户名作为“文本”的标签和一个input
标签。显然没有报价。
从语义blockquote
上讲,当您引用某些内容时,标签是有意义的。当然,风格化的 div 可以做同样的事情,但为什么不使用正确的标签来完成这项工作呢?
此外,blockquote 标签允许您在属性中包含引用cite
。
从理论上讲,HTML 应该尽可能地“语义化”——这意味着每个元素都应该指示其内容的某些内容。<h1>
s 应该包含最重要的标题;<p>
s 应该围绕段落;<em>
应表示强调等。
这样,当您(或屏幕阅读器或其他任何东西)查看代码时,代码才有意义。这也有助于不理解所有(或任何)CSS 规则的设备。
<blockquote>
应该在它包含的文本是块引用时使用。这对我来说听起来很明显,那么你的问题还有另一个方面吗?
如前所述,<blockquote>
用于引用。同样,您将在一个包含页面内容或其他内容<p>
的段落中使用几个块。<div>
HTML5 提案将有更多的块元素(即与 div 相同),其目的是添加关于它的语义信息,例如页眉、页脚、菜单等。
如前所述,块引用用于引用。就像表格(可以说)用于表格数据一样,列表用于列表,div 用于分区,p 用于段落等。
当然,你几乎可以用 div 做任何事情。这就是将 HTML 与 CSS 结合使用的美妙之处:您可以让任何东西看起来像您想要的那样(理论上,在现实世界中,浏览器的怪癖有时会搞砸)。
将 div 用于您能想到的任何事情通常被称为“divitis”。请参阅这篇文章以获得一些解释:)
他们使用的可能原因blockquote
是,许多涉足 HTML 的人对 CSS 的了解不够,不知道默认情况下可以为 a 赋予与呈现div
相同的左边距。blockquote
很容易,对吧?什么都没有真正改变。请记住,作为“块级元素”(流内容),除了通常的文本段落之外,我们可以在其中放置大部分内容,包括标题、图像和表格。不过 HTML5 有一些细微的差别。是一个分节根,这意味着它包含的任何 - 元素都不会成为文档大纲的一部分。此外,添加一个没有封闭的文本段落
标签现在完全符合犹太教规。以下是一些简单的示例(对虚假内容表示歉意):
我文章中的建议直接来自编写和编辑在我的网站上使用的价值几兆的原始文本,这些文本包含了许多关于语义的边缘案例和奇怪的问题;所以虽然我不会说我的选择适合每个人,但它们至少已经在文本的背景下进行了试验。
我对你在 HTML5Doctor 上发表的 ABBR 文章的抱怨是必不可少的,因为你没有遵循自己的建议,因为我知道在我想出自己的方法收回之前,我几乎疯了,试图在大量文本上使用这些规则控制我的理智。
但是,我肯定会说 cite 仍然是三者中较弱的,我很欣赏这篇文章更加方正。
如果您愿意,我的文章可以根据医生的反馈进一步改编,以更好地适应更广泛的受众。我坚信学习 HTML5 的一个关键部分是正确学习 HTML4并尽可能避免跨度和 div 语义