正确使用Blockquote,q和cite?

这是正确使用Blockquoteqcite吗?

 <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> 

是使用Blockquoteq语义正确吗? 或者两者都是表象元素,所以不应该使用?

是。 它们不是表象元素 – blockquote表示块引用, q表示内联引用, cite表示对名称,工作,标准,URL等的引用。

你有一些validation错误是相当常见的blockquote。 一个blockquote元素不能在段落内,而在HTML4中实际上需要包含段落。 你的片段中pblockquote元素的嵌套需要颠倒过来。

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类似于一个DIVQ类似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或者qcite属性之类的属性不会使它容易显示(没有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> ”的非常详细且有用的文章:

http://html5doctor.com/blockquote-q-cite/