正确使用Blockquote,q和引用?

时间:2010-02-05 05:01:43

标签: css xhtml w3c web-standards

这是正确使用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在语义上是否正确?或两者都是表现元素,所以不应该使用?

7 个答案:

答案 0 :(得分:47)

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

你确实有一些validation errors与blockquote相当普遍。 blockquote元素不能在段落中,并且在HTML4中实际上需要包含段落。您片段中pblockquote元素的嵌套需要反转。

blockquote元素(也是q元素)可以选择使用cite属性来指定引用来自的URI。 HTML5 says用户代理使该链接可供用户使用,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>

Validate this fragment

答案 1 :(得分:11)

此页面上的其他答案已过期,但问题仍然有效。

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是一个块元素,允许其他块元素放在其中:

  <blockquote>
    <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
    - <cite>Mike Smith</cite>
  </blockquote>

<cite>稍微复杂一些。它是一个内联元素,但它取决于您遵循的HTML规范。 W3C表示它可能包含URL,作品标题(例如书名,电影标题等)或作者姓名。

WHATWG声明它可能只包含作品的网址或标题,因此一个人的名字。

这是一个有效的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>

答案 2 :(得分:4)

您可以认为BLOCKQUOTE类似于DIVQ类似于SPAN

建议用法是在BLOCKQUOTE中加上大引号,在Q中加上小号,单行或句子引号。

<blockquote>
    <p>This is a big quote.</p>
    <p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>

引用是一个属性,它只指向源。

答案 3 :(得分:3)

使用citeblockquote的{​​{1}}属性等属性并不能轻松显示(没有JS或棘手的CSS),因此无法解决显示的问题一个参考链接很容易。 It is now conforming要将q(和/或cite纳入 footer,以便通过网址的文字来指定报价来源,如下所示:

blockquote

请注意:

  • 作为引用内容(不是源引用)的一部分的<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,它确实旨在引用内联,但更有可能在blockquotes之外使用(引用引号很少见)。

答案 4 :(得分:0)

根据this,“引用”是q的属性 - 并且在此处得不到很好的支持。

答案 5 :(得分:0)

即使&#34;在HTML5中,<cite>元素的语义(和有效)使用仍然存在争议,使用此元素来标记某个人的姓名不再在语义上合适。&#34;

您将找到关于&#34; <blockquote><q><cite>&#34;的非常详细和有用的文章。这里:

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

答案 6 :(得分:-1)