如何使用 HTML5 添加简短引用？

在 HTML5 中，我们可以使用<blockquote>元素来表示长篇引用，而使用<q>元素则可以表示短篇引用。

添加短篇引用

方法一：使用 <q> 元素

要添加短篇引用，只需在引用语句前添加<q>标签，引用语句后添加</q>标签即可。

<p>这是一句普通的文字，<q>这是一条短引用</q>，还有一句普通的文字。</p>

方法二：使用 CSS 样式

如果你想自定义样式，可以使用 CSS 来实现。

<p>这是一句普通的文字，<span class="quote">这是一条短引用</span>，还有一句普通的文字。</p>

<style>
    .quote {
        display: inline-block;
        margin-left: 1em;
        font-style: italic;
        color: #999;
    }
</style>

添加长篇引用

对于长篇引用，需要使用<blockquote>元素来包裹引用语句。

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</p>
    <cite>John Doe</cite>
</blockquote>

此外，还可以使用<footer>元素来表示引用来源。

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</p>
    <footer>John Doe</footer>
</blockquote>

以上便是使用 HTML5 添加简短引用和长篇引用的方法。