HTML <blockquote> 标签
定义和用法
<blockquote>
标签规定从其他来源引用的部分。
浏览器通常会缩进 <blockquote>
元素(请查看下面的例子以了解如何删除缩进)。
详细说明
<blockquote>
标签定义的是块引用。<blockquote>
与 </blockquote>
之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
提示:请使用 <q> 标签 来进行行内(短)引用。
另请参阅:
HTML DOM 参考手册:Blockquote 对象
实例
例子 1
从其他来源引用的部分:
<blockquote cite="http://www.worldwildlife.org/who/index.html"> 50 年来,世界自然基金会(WWF)一直在保护自然的未来。 作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到了美国 120 万会员和全球近 500 万人的支持。 </blockquote>
例子 2
使用 CSS 移除 blockquote 元素的缩进:
<html> <head> <style> blockquote { margin-left: 0; } </style> </head> <body> <p>这是世界自然基金会网站上的一句引用:</p> <blockquote cite="http://www.worldwildlife.org/who/index.html"> 50 年来,世界自然基金会(WWF)一直在保护自然的未来。 作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到了美国 120 万会员和全球近 500 万人的支持。 </blockquote> </body> </html>
属性
属性 | 值 | 描述 |
---|---|---|
cite | URL | 规定引用的来源。 |
全局属性
<blockquote>
标签还支持 HTML 中的全局属性。
事件属性
<blockquote>
标签还支持 HTML 中的事件属性。
默认的 CSS 设置
大多数浏览器将使用以下默认值显示 <blockquote>
元素:
blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |