html中表示引用文本的标签：<q>,<blockquote>

本文链接：https://blog.csdn.net/android_s123/article/details/50417304

本文介绍了HTML中的引用标签<q>和<blockquote>的使用方法，并通过实例展示了如何使用这些标签来呈现不同长度的引用文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，<q>: 表示引用一小段文字，如一句话，一句诗等短文本；

浏览器解析为：双引号

2，<blockquote>:表示引用一段长文本，如：一段话，一首诗等长文本；

浏览器解析为：缩进

代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>blockquote标签的使用</title>
<style>
span{
 color:blue;
}
</style>
</head>
<body>
<h1>段文本引用</h1>
<p>周瑜，不可否认，他是历史上一个了不起的英雄人物！确实也配的上那句<span><q>聪明秀出为之英，胆略过人为之雄。</q></span></p>
<h1>长文本引用</h1>
<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
<span><blockquote>“暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。”</blockquote></span>
<p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p>
</body>
</html>

效果：