正确的HTML块引号

什么是显示HTML5区块报价的正确方式

我有以下资料：

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <cite>John Doe<br/>ACME Industries</cite>
</blockquote>

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

John Doe
ACME Industries

但我不确定将引用放在blockquote中是否正确，是否希望对其进行适当的样式设置，但如果我将其移出引用，则需要使用div将其包装起来，以提供独特的样式设置属性。思想？谢谢

还根据：我应该使用

标记作为名称

这是否正确？

<div class="testimonial">
    <blockquote>
        <p>The team worked closely with us to define our requirements, delivering the project over agreed phases to time and on budget</p>  
    </blockquote>
    <p><b>John Doe</b><br />ACME Industries</p>
</div>

该团队与我们密切合作，确定我们的需求，在商定的阶段按时按预算交付项目

John Doe
ACME Industries

从语义上讲，以下内容是有意义的，请在blockquote元素内使用cite属性来引用特定的URL，并在blockquote结束标记之前使用cite元素（内联），如下所示：

<div>
<blockquote cite="http://example.com">
<p>The quick brown fox jumps over the lazy dog</p>
<cite>Illustrative Shorthand</cite> by Linda Bronson (1888)
</blockquote>
</div>

敏捷的棕色狐狸跳过了懒狗

琳达·布朗森的说明性速记（1888）

敏捷的棕色狐狸跳过了懒狗。

琳达·布朗森的速记说明 请记住，blockquote用于长报价，因此尽管上述技术上是正确的，但最好是：

<div>
<q>The quick brown fox jumps over the lazy dog</q> 
<cite>Illustrative Shorthand</cite> by Linda Bronson (1888)
</div>

敏捷的棕色狐狸跳过了懒狗
琳达·布朗森的说明性速记（1888）

林加·布朗森（Linga Bronson）“敏捷的棕色狐狸跳过了懒狗”的简写说明

---

如果你想强调作者的名字，你可以用b。请注意，引用用于书名，在本例中为说明性速记。

我认为你的第二种形式比第一种更好。我不认为引用的属性应该在

中

标记的使用取决于您，根据规范，它在技术上可能是正确的，但对于所有实际用途，它在语义上都是无用的

另一方面，

看起来是错误的，似乎很难证明在这里调用了语义换行符。如果您想在单独的行中显示名称和组织，那么这是表示性的，应该使用CSS来完成

关于是否开启使用

元素，根据HTML5规范，这是不正确的，但Jeremy Keith提供了另一种观点

这是非常主观的，但我可能会想做一些类似的事情

<figure class="testimonial">
    <blockquote>
        <p>The team worked closely with us to define our requirements, delivering the project over agreed phases to time and on budget</p>  
    </blockquote>
    <figcaption class="attribution">
       <span class="name">John Doe</span> <span class="organisation">ACME Industries</span>
    </figcaption>
</figure>

该团队与我们密切合作，确定我们的需求，在商定的阶段按时按预算交付项目

JohnDoe ACME工业公司

报价的属性（如果有）必须放在blockquote元素之外

-W3CHTML工作组

W3C提供了一系列在中为块引号添加属性的不同方法的示例。你也可以读，我来这里之前读过。以下示例基于他们的建议：

<blockquote>
 <p>Attribution for the quotation, if any, must be placed outside the blockquote element.</p>
</blockquote>
<p>— W3C HTML Working Group</p>

报价的属性（如果有）必须放在blockquote元素之外

-W3CHTML工作组

他们接着给出了一个使用

和

的例子，与@Alohci使用它的方式完全相同。

基于此，现在这是处理带引用的块引号的正确方法

<blockquote>
    <p>Measuring programming progress by lines of code is like measuring aircraft building progress by weight.</p>
    <footer>
        — <cite><a href="http://www.thegatesnotes.com">Bill Gates</a></cite>
    </footer>
</blockquote>

按代码行衡量编程进度就像按重量衡量飞机制造进度一样

— 

您可以将cite作为属性放置在blockquote标记本身内部。只需将其附加到blockquote标记（cite=“whatever.com”）。以下是用于备份Itamake关于引用作为属性的评论的URL，但您没有可引用的URL……您应该阅读，但为什么引用位于

blockquote

中？由于引用的不是引用的文本…我的答案已过时，请参见dallen的答案您是否查看了下面dallen的答案@齐吉-谢谢，是的。我甚至与规范编辑器有过接触。这应该是答案。我可能误读了它，但规范似乎说引用应该在页脚或引用元素中，而不是页脚元素中的引用元素。@MrFett the实际上对

footer

加

cite

，有点矛盾，但更进一步，他们有一个例子，正是这个答案中的例子。