HTML blockquote 标签

🌙
手机阅读
本文目录结构
axihe

HTML <blockquote> 标签功能

<blockquote> 标签定义摘自另一个源的块引用。

浏览器通常会对 <blockquote> 元素进行缩进。

HTML <blockquote> 标签用法

定义一个摘自另一个源的块引用:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
    <p>For 50 years, WWF has been protecting the future of nature.</p>
    <p>The world's leading conservation organization,</p>
    <p>WWF works in 100 countries and is supported by 1.2</p>
    <p>million members in the United States and close to 5 million globally.</p>
</blockquote>

HTML <blockquote> 标签演示

渲染效果如下:

For 50 years, WWF has been protecting the future of nature.

The world's leading conservation organization,

WWF works in 100 countries and is supported by 1.2

million members in the United States and close to 5 million globally.

注意:渲染效果可以通过 CSS 控制

浏览器支持

所有主流浏览器都支持 <blockquote> 标签。

提示和注释

提示:如果标记是不需要段落分隔的短引用,请使用 <q>

HTML4 与 HTML5 之间的差异

在 HTML4 中,<blockquote> 标签定义一段长引用。

在 HTML5 中,<blockquote> 标签定义摘自另一个源的块引用。

HTML 与 XHTML 之间的差异

注释:如需把页面作为 XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素,比如:

<blockquote>
    <p>这是一个长引用,这是一个长引用。</p>
</blockquote>

属性

属性描述
citeURL规定引用的来源。

全局属性

<blockquote> 标签支持 HTML 全局属性

事件属性

<blockquote> 标签支持 HTML 事件属性


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang