q用来分离文本中的引语，定义一个短的引用。该标签会对引用的文本加双引号，一般情况很少用，博客论坛系统会用得多一些；
blockquote用于对长文本的引用，用来定义一段引语,标签内的内容会自动有缩进；
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 5 <title>q和blockquote的区别</title> 6 </head> 7 <body> 8 <h2>短文本引用</h2> 9 <p>痞子蔡的小说</p>10 <q>第一次亲密接触</q>11 <p>总是一遍遍的重复，一遍遍的感动</p>12 <h2>长文本引用</h2>13 <p>一直记着轻舞飞扬的经典语句</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/922" title="AI脑图"><img
src="https://img.php.cn/upload/ai_manual/001/503/042/68b6d311e6708881.png" alt="AI脑图" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/922" title="AI脑图">AI脑图</a>
<p>AI一键生成思维导图</p>
</div>
<a href="/ai/922" title="AI脑图" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>14 <blockquote>我轻轻地舞着，在拥挤的人群之中。你投射过来异样的眼神。诧异也好，欣赏也罢。并不曾使我的舞步凌乱。因为令我飞扬的，不是你注视的目光。而是我年轻的心！</blockquote>15 <p>有你的地方是天堂</p>16 </body>17 </html>
