<q>、<blockquote> 和 <cite> 的有效使用

Posted

技术标签:

【中文标题】<q>、<blockquote> 和 <cite> 的有效使用【英文标题】:Valid use of <q>, <blockquote> and <cite> 【发布时间】:2013-07-06 14:43:50 【问题描述】:

qblockquotecite 的使用是否有效?

<q>Life is what happens when you're busy making other plans</q>
<cite>John Lennon</cite>

<blockquote>Life is what happens when you're busy making other plans</blockquote>
<cite>John Lennon</cite>

【问题讨论】:

为什么不用验证器来确认? @Mr.Alien 因为两者都是正确的。他问的是语义,而不是句法正确性。 【参考方案1】:

&lt;q&gt;

q 元素表示从其他来源引用的一些短语内容。

<p>And then he said <q>I heart html5.</q></p>

&lt;cite&gt;

cite 元素代表作品的标题(例如,一本书、一篇论文、一篇论文、一首诗、一首乐谱、一首歌、一个剧本、一部电影、一个电视节目、一个游戏、一个雕塑、绘画、戏剧作品、戏剧、歌剧、音乐剧、展览、法律案件报告​​等)。这可以是被引用或详细引用的作品(即引用),也可以是顺便提及的作品。

<p>My favourite book is <cite>Introducing HTML5</cite> by Bruce and Remy.</p>

&lt;blockquote&gt;

blockquote 元素表示从另一个来源引用的部分。 块引用中的内容必须引用自另一个来源,如果有地址,则可以在 cite 属性中引用。

<blockquote>What we have here is a quotation from another source.</blockquote>

【讨论】:

我没有投反对票,但我猜:您引用了 HTML5 规范,但没有将其标记为引用,也没有提供源链接。您在代码块中格式化了整个问题。 他本可以引用规范作为演示 :)【参考方案2】:

快速回答:

&lt;q&gt; 用于简短的内联引用。&lt;blockquote&gt; 用于作为引用一部分的“大”或分组元素。&lt;cite&gt; 表示来源。

W3C HTML5 规范声明如下:

q

q 元素表示从另一个引用的一些短语内容 来源。

代码示例:&lt;p&gt;The man said &lt;q&gt;Things that are impossible just take longer&lt;/q&gt;. I disagreed with him.&lt;/p&gt;

blockquote

blockquote 元素表示从另一个引用的内容 来源,可选地带有必须在页脚内的引文或 引用元素,并且可以选择使用注释等内联更改 代码示例:&lt;blockquote&gt;&lt;p&gt;I contend that we are both atheists. I just believe in one fewer god than you do. When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours.&lt;/p&gt;&lt;footer&gt;— &lt;cite&gt;Stephen Roberts&lt;/cite&gt;&lt;/footer&gt;&lt;/blockquote&gt;

cite

cite 元素表示对创意作品的引用。它必须 包括作品名称或作者姓名(人、人 或组织)或 URL 参考,可能是缩写 根据用于添加引用的约定形成 元数据。代码示例:&lt;p&gt;&lt;cite&gt;Universal Declaration of Human Rights&lt;/cite&gt;, United Nations, December 1948. Adopted by General Assembly resolution 217 A (III).&lt;/p&gt;

【讨论】:

我可以在哪里正确添加href&lt;cite&gt;&lt;a href=""&gt;Blah&lt;/a&gt;&lt;/cite&gt; 会不正确吗? HTML5Doctor 显示了我建议的示例:html5doctor.com/cite-and-blockquote-reloaded 但是,我想知道这是否会使屏幕阅读器感到困惑。在我的简短博文 (kennystechtalk.blogspot.com/2016/02/…) 中,我使用了 &lt;a href=""&gt;&lt;cite&gt;Blah&lt;/cite&gt;&lt;/a&gt;,这对我来说似乎更友好。我找不到通过 Google 执行此操作的“正确”方法。 还有一点需要补充:您也可以在&lt;blockquote&gt; (w3schools.com/tags/tag_blockquote.asp) 和&lt;q&gt; (w3schools.com/tags/att_q_cite.asp) 标签中使用cite【参考方案3】:

按照什么标准?

如果我昨天阅读了这个问题,我会回答“不,这是不正确的”。事实上,直到最近,HTML5 规范(事实上,Editor's Draft 和 Candidate Recommendation 的最新版本)都声明了

cite 元素代表作品的标题(例如一本书、一篇论文、一篇论文、一首诗、一首乐谱、一首歌、一个剧本、一部电影、一个电视节目、一个游戏、一个雕塑、一幅画、戏剧作品、戏剧、歌剧、音乐剧、展览、法律案件报告​​等)。这可以是被引用或详细引用的作品(即引用),也可以是顺便提及的作品。

一个人的名字不是作品的标题——即使人们称那个人为一件作品——因此该元素不得用于标记人名。

因此,&lt;cite&gt; 节点的文本内容必须是作品的标题,而不是作者的姓名。

然而,今晚我发现编辑草稿中&lt;cite&gt;元素的语义发生了变化。现在它说

cite 元素表示对创意作品的引用。它必须包括作品的标题或作者的姓名(个人、人员或组织)或 URL 参考,根据用于添加引文元数据的约定,它可以采用缩写形式。

因此,允许使用作者姓名。实际上,文档中给出了一个与您的示例等效的示例。

我不知道哪个版本会“获胜”并成为计划在明年(2014 年)推出的稳定推荐的一部分。

【讨论】:

现在草案和建议书都同意可以使用作者,但这些例子似乎表明作者应该是&lt;cite&gt;d,其中作品的标题不是首选或可用,这在逻辑上是有意义的,尤其是在纯文本(非网络相关)文档中。【参考方案4】:

Example of Blockquote and Quotation tag

语义上&lt;blockquote&gt; 用于占据整个段落的较长引号:注意&lt;p&gt; 仍位于&lt;blockquote&gt; 元素内。

对于&lt;q&gt;,该元素用于段落中较短的引号。它在元素周围加上引号。

【讨论】:

以上是关于<q>、<blockquote> 和 <cite> 的有效使用的主要内容,如果未能解决你的问题,请参考以下文章

3创建网页:构建模块

HTML如何引用文本?引用标签的使用

<blockquote> 的大小

用 <blockquote> 做大引号

Html/Css

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:引用(Blockquote)