HTML - blockquote 标签



HTML <blockquote> 标签用于引用从其他来源获取的部分。它改变了对齐方式,使其在其他方式中独一无二。它包含开始和结束标签。

HTML5 中的<blockquote>标签指定从其他来源引用的部分。但 HTML 4.1 定义了“长引号”,即跨越多行的引号。

语法  


<blockquote>...</blockquote>

属性

<blockquote>标签支持 HTML 的 全局属性事件属性。接受一个特定的属性,下面是独有的属性:

属性 值  描述
cite URL 定义引用源的 URL。

<blockquote>标签的示例

在下面的示例中,我们将创建没有<blockquote>的引用,使用<blockquote>标签,并使用内部 CSS 对<blockquote>进行装饰。

创建<blockquote>标签文本元素

在以下示例中,让我们看看 HTML 文档中 <blockquote> 标签的用法。


<!DOCTYPE html>
<html>
<body>
	 <h2>Blockquote example</h2>
	 <blockquote>
			启科普提供了编程的基础技术教程
	 </blockquote>
</body>
</html>

<blockquote>标签引文来源

考虑以下示例,我们正在创建一个 HTML 文档,并使用 <blockquote> 标签及其属性 “cite” 来标识引文的来源。


<!DOCTYPE html>
<html>
<body>
	 <h2>Blockquote example</h2>
	 <blockquote cite="https://www.qikepu.com">
			启科普提供了编程的基础技术教程
	 </blockquote>
 </body>
</html>

<blockquote>标签使用css样式

让我们看一下下面的例子,我们正在创建一个 HTML 文档和样式属性,用于设置 blockquote 元素的样式。


<!DOCTYPE html>
<html>
<head>
	 <style>
			blockquote {
			color: green;
			font-style: italic;
			}
	 </style>
</head>
<body>
	 <h2>Blockquote example</h2>
	 <blockquote cite="https://www.qikepu.com">
			启科普提供了编程的基础技术教程
	 </blockquote>
 </body>
</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
<blockquote> Yes Yes Yes Yes Yes