正确使用Blockquote,q和cite?
这是正确使用Blockquote
, q
和cite
吗?
<p> <blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below. </blockquote> <cite><a href="http://stackoverflow.com">refrence url</a> </p>
是使用Blockquote
, q
语义正确吗? 或者两者都是表象元素,所以不应该使用?
是。 它们不是表象元素 – blockquote
表示块引用, q
表示内联引用, cite
表示对名称,工作,标准,URL等的引用。
你有一些validation错误是相当常见的blockquote。 一个blockquote元素不能在段落内,而在HTML4中实际上需要包含段落。 你的片段中p
和blockquote
元素的嵌套需要颠倒过来。
blockquote
元素(也是q
元素)可以有一个cite
属性来指定引用来自哪里的URI。 HTML5表示,用户代理应该将该链接提供给用户,并且HTML4根本不会说任何内容。 我将包含在cite
属性和作为内联链接的URI,因为浏览器不处理它。
下面是我将如何写这个片段,记住这些修改:
<blockquote cite="http://stackoverflow.com"> <p>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.</p> </blockquote> <p> <cite><a href="http://stackoverflow.com">reference url</a></cite> </p>
validation这个片段
此页面上的其他答案已过时,但问题仍然有效。
q
元素是一个内联元素,应该像这样使用(即内部没有块元素):
<p> In the words of <cite>Charles Bukowski</cite> - <q>An intellectual says a simple thing in a hard way. An artist says a hard thing in a simple way.</q> </p>
另一个例子:
<p> <q>This is correct, said Hillary.</q> is a quote from the popular daytime TV drama <cite>When Ian became Hillary</cite>. </p>
q
元素不应放在块引用元素中,因为它是多余的 – 都表示一个引号。
blockquote
是一个块元素,允许其他块元素放在里面:
<blockquote> <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p> - <cite>Mike Smith</cite> </blockquote>
<cite>
稍微复杂一些。 这是一个内联元素,但它取决于您遵循的HTML规范。 W3C指出,它可能包含一个URL,一个作品的标题(例如书名,电影标题等)或作者的名字。
WHATWG指出,它可能只包含一个URL或一个作品的标题,而不是一个人的名字。
这是一个有效的WHATWG用法:
<figure> <blockquote> <p>The truth may be puzzling. It may take some work to grapple with. It may be counterintuitive. It may contradict deeply held prejudices. It may not be consonant with what we desperately want to be true. But our preferences do not determine what's true.</p> </blockquote> <figcaption>Carl Sagan, in "<cite>Wonder and Skepticism</cite>", from the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February 1995)</figcaption> </figure>
你可以考虑BLOCKQUOTE
类似于一个DIV
和Q
类似SPAN
。
build议的用法是在Q
BLOCKQUOTE
和小的单行或句子引号括BLOCKQUOTE
大的引号。
<blockquote> <p>This is a big quote.</p> <p>This is the second paragraph with a smaller <q>quote</q> inside</p> </blockquote>
引用是一个属性,只是指向源。
使用诸如blockquote
或者q
的cite
属性之类的属性不会使它容易显示(没有JS或者棘手的CSS),因此不能轻易地显示引用链接的目的。 现在,它符合包括cite
(和/或footer
) 到 blockquote
来指定来源(通过URL的文本方式),如下所示:
<blockquote> <p>Beware of bugs in the above code; I have only proved it correct, not tried it.” </p> <cite><a href="http://www-cs-faculty.stanford.edu/~uno/faq.html">Donald Knuth: Notes on the van Emde Boas construction of priority deques: An instructive use of recursion, March 29th, 1977</a> </blockquote>
注意 :
-
作为
cite
内容(不是源引用)的引用的情况也被认为是非常罕见的,应该通过相关cite
子标签上的不同类进行处理) -
关于
q
,它确实是想引用内联,但更有可能在块引用之外使用(引号引用非常less见)。
据此,“引”是q的一个属性 – 并没有得到很好的支持。
即使“在HTML5中,使用这个元素来标记一个人的名字已经不再被认为是符合语义的 ,” <cite>
元素的语义(和有效的)使用仍然在争论中。
您将在这里find关于“ <blockquote>
, <q>
和<cite>
”的非常详细且有用的文章: