1 Star 0 Fork 1

小弟调调 / html-tutorial

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
blockquote.md 2.04 KB
AI 代码解读
一键复制 编辑 原始数据 按行查看 历史

HTML <blockquote> 标签

示例

从另一个来源引用的部分:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 年来,WWF 一直在保护自然的未来。 作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到美国 120 万会员和全球近 500 万会员的支持。
</blockquote>

定义和用法

<blockquote> 标签指定从另一个来源引用的部分。

浏览器通常会缩进 <blockquote> 元素(查看下面的示例以了解如何删除缩进)。

提示和注意事项

提示: 使用 <q> 进行内联(短)引用。

浏览器支持

Element chrome edge firefox safari opera
<blockquote> Yes Yes Yes Yes Yes

属性

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

全局属性

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

事件属性

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

更多示例

使用 CSS 从 blockquote 元素中删除缩进:

<html>
<head>
  <style>
    blockquote { margin-left:0; }
  </style>
</head>
<body>
  <p>以下是来自 WWF 网站的引述:</p>
  <blockquote cite="http://www.worldwildlife.org/who/index.html">
  50 年来,WWF 一直在保护自然的未来。 作为世界领先的保护组织,WWF 在 100 个国家开展工作,并得到美国 120 万会员和全球近 500 万会员的支持。
  </blockquote>
</body>
</html>

默认 CSS 设置

大多数浏览器将显示具有以下默认值的 <blockquote> 元素:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
1
https://gitee.com/jaywcjlove/html-tutorial.git
git@gitee.com:jaywcjlove/html-tutorial.git
jaywcjlove
html-tutorial
html-tutorial
main

搜索帮助