引用标签（<q>标签和<blockquote>标签）

最新推荐文章于 2025-01-14 10:40:56 发布

原创最新推荐文章于 2025-01-14 10:40:56 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

7 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

本文深入探讨了HTML中用于创建引用的两种主要标签&q;和<blockquote>的区别。通过具体示例，详细解释了这两种标签的使用场景、格式及显示效果，帮助读者更好地理解并运用到实际网页设计中。

<blockquote>引用文本</blockquote>：长文本引用，引用一些名人名言等
不同点：

q标签是行内元素，在内容的开始和结尾处会包有“”
blockquote是块级元素，默认带有左右40px的外间距，不带“”。

例子：

 <blockquote>
    <p>"Borlaug's life and achievement are testimony to the far-reaching 
    contribution that one man's towering intellect, persistence and scientific 
    vision can make to human peace and progress."</p>
    
    <footer><cite>Indian Prime Minister Manmohan Singh</cite></footer>
    </blockquote>
    <q>"Borlaug's life and achievement are testimony to the far-reaching 
contribution that one man's towering intellect, persistence and scientific 
vision can make to human peace and progress."</q>

文件图