css 正确使用Blockquote、q和cite?

p5cysglq  于 2023-04-23  发布在  其他
关注(0)|答案(6)|浏览(116)

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的使用在语义上是否正确?或者两者都是表示元素,因此不应使用?

zd287kbt

zd287kbt1#

是的。它们不是表示元素-blockquote表示块引用,q表示内联引用,cite表示对名称,作品,标准,URL等的引用。
你确实有一些validation errors与blockquote相当常见。blockquote元素不能在段落内,在HTML 4中实际上需要 * 包含 * 段落。你的片段中pblockquote元素的嵌套需要颠倒。
blockquote元素(也是q元素)可以有一个cite属性来指定引用来自的URI。HTML5说用户代理应该使该链接对用户可用,而HTML 4根本没有说什么。我将URI包含在cite属性中并作为内联链接,因为浏览器不处理它。
以下是我将如何编写该片段,并考虑到这些修订:

<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

hec6srdp

hec6srdp2#

此页上的其他答案已过时,但问题仍然有效。
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>是一个内联元素,表示一个工作体的title。由于W3C和WHATWG现在已经同意合作,我们对它可能包含的内容有一个答案:一本书、一部电影、一个电视节目、一个游戏、一首歌、一出戏的名字
它不应该是一个URL或作者的名字(一个URL可以用一个普通的a元素添加,作者不是你引用的一件作品)。
这是一个有效的用法:

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

tyg4sfes3#

您可以将BLOCKQUOTE视为类似于DIV,将Q视为类似于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>

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

mnemlml8

mnemlml84#

使用诸如blockquoteqcite属性之类的属性不会使其易于显示(没有JS或复杂的CSS),因此无法轻松实现显示引用链接的目标。It is now conforming包含cite(和/或footerintoblockquote以指定引用的来源,无论是文本还是通过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,它确实旨在内联引用,但它更有可能在块引用之外使用(引用到引用中非常罕见)。
wmtdaxz3

wmtdaxz35#

根据this,“cite”是q -的一个属性,并且在这一点上没有得到很好的支持。

hfwmuf9z

hfwmuf9z6#

<cite>元素的语义(和有效性)使用仍在争论中,即使 *“在HTML5中,使用此元素来标记一个人的名字不再被认为是语义上合适的。
你可以在这里找到一篇关于“<blockquote><q><cite>”的非常详细和有用的文章:
http://html5doctor.com/blockquote-q-cite/

相关问题