＆＃34; old＆＃34;方式：

我可能会迟到非常，但我认为以下是标记推荐书的正确方法：

<figure>
    <blockquote>
        "This is what I think"
    </blockquote>
    <footer>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </footer>
</figure>

根据W3C规范：

...引文包含在一个数字元素的页脚内，这个引用将关于引用的信息与引用相关联......







图元素表示一些流内容，可选择带有标题，是自包含的（如完整的句子）......

更新

正如@ MCTaylor17指出的那样，最佳做法在引用引用方面已经发生了变化。这是新规范（截至2017年12月）：https://www.w3.org/TR/html52/textlevel-semantics.html#the-cite-element

现在，<cite>元素可以预期Phrasing Content。这意味着它应该在<p>，<blockquote>等

之内

规范中的示例17演示了在<cite>中使用<blockquote>：

  <blockquote>"Money is the real cause of poverty,"
  <footer>
  <cite id="baseref">The Ragged-Trousered Philanthropists, page 89.</cite>
  </footer>
  </blockquote>

将此应用于您自己的引用：

<blockquote>
    "This is what I think"
    <footer>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </footer>
</blockquote>

Answer 2

您认为引用应该进入blockquote元素并且cite属性应该用于URI，这是正确的。就个人而言，我在报价底部单独div或p处理报价的作者，如下所示：

<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <p class="quoteCite">Darko Z</p>
</blockquote>

然后我只使用CSS让它看起来不错。很基本的。您可能还想查看Microformats.org并搜索想法。

希望这有帮助

编辑：已经很晚了，但我也可以使用cite元素

<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <cite>Darko Z</cite>
</blockquote>

但我不是100％肯定它的支持程度如何，说实话

编辑2：根据HTML 5草案，cite shoudn't be an author name因此，为了将来进行校对，您可能不应该为此目的使用引用。

Answer 3

事情发生了变化。我认为本世纪的一个适当的结构应该是这样的：

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>
       <cite title="Source Title">
          <a href="http://www.thelorem.com">Bill Gates</a>
       </cite>
    </footer>
</blockquote>

Answer 4

您可能有兴趣使用hReview格式 - 据传谷歌支持它，它几乎适用于您的情况，具体取决于您是否只对外观感兴趣，或者您是否想要也便于机器的可读性。

Answer 5

如果您在询问如何在语义上标记它，是的，请使用块引用，是的，引用属性是针对URL的。至于演示，你可以使用你想要的任何东西并相应地设计它。

除非他们查看源代码，否则访问者永远不会看到差异，我无法想象它会影响搜索引擎优化。

Answer 6

HTML5包含<figcaption>标记。致白：

<figure>
    <blockquote cite="http://example.com/page">
        Nevermore
    </blockquote>
    <figcaption>
        The Raven
    </figcaption>
</figure>

Answer 7

在Mozilla Developer API之后，这是标记推荐的正确方法：

<figure>
    <blockquote>
        "This is my testimonial"
    </blockquote>
    <figcaption>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </figcaption>
</figure>

Answer 8

<!DOCTYPE html>
<blockquote>
  <p>Quote
</blockquote>
<p>Author

是最正确的。

在HTML中标记推荐书的“正确”方式

8 个答案:

＆＃34; old＆＃34;方式：

更新