css - 正确使用 Blockquote、q 和 cite？

Question

这是 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 的使用在语义上是否正确？或者两者都是 presentational element ，所以不应该使用？

Answer 1

是的。它们不是表示元素——blockquote 表示 block 引用，q 表示行内引用，cite 表示对名称、作品、标准、URL 等

你确实有一些 validation errors这在 blockquote 中很常见。 blockquote 元素不能在段落内，而在 HTML4 中实际上需要包含段落。需要反转片段中 p 和 blockquote 元素的嵌套。

blockquote 元素(也是 q 元素)可以有一个可选的 cite 属性来指定引用来源的 URI。 HTML5 says用户代理应该使该链接对用户可用，而 HTML4 什么也没说。我会将 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