首页 » 编程语言 » html » 正文

HTML元素blockquote标签的用法及作用

html元素<blockquote>标签主要用于引用长文本,有关该标签的用法及作用详解如下:

<blockquote>标签的定义

<blockquote> 标签是引用一段长文本内容;

<blockquote> 标签是一个块元素,引用的文本内容会形成一个独立的引用块;

<blockquote> 标签引用的文本内容会在左右两端缩进,增加40px的外边距,有时,文本字体会显示斜体;

如果想要修改引用文本内容两边默认边距,可以使用 CSS样式规则来margin-left 和/或 margin-right 属性,或使用 margin 缩写属性。

如果想使用在行内引用较短的内容而非创建一个单独的引用块,可使用 <q>(Quotation)元素。

如果想要使用短引用(行间引用),可以使用<q> 标签。

浏览器支持情况

<blockquote> 标签已被所有主流的浏览器均支持。

但主流浏览器均不支持其cite属性,不过,该属性可能会对搜索引擎有用,也可以便于其他应用程序获取引用文本内容的来源信息;

HTML 4.01 与 HTML5之间的差异

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

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

<blockquote>标签语法

<blockquote>标签引用的是一段文本内容,其书写格式如下:

<blockquote cite="引用内容的来源出处">
这里是一段长文本内容的引用。
</blockquote>

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

<blockquote>标签用法

1、无<p>标签的引用

<blockquote >
与善人居,如入兰芷之室,久而不闻其香;与恶人居,如入鲍鱼之肆,久而不闻其臭。
</blockquote>

2、有<p>标签的引用

<blockquote>标签引用的是一段长文本的内容块,通常会嵌套段落p标签来标记被引用的文本。

<blockquote >
<p>与善人居,如入兰芷之室,久而不闻其香;与恶人居,如入鲍鱼之肆,久而不闻其臭。<p>
</blockquote>

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

<blockquote><p>引用的文本内容</p></blockquote>

3、带有引用来源的引用

<blockquote>标签引用的文本内容,往往是来自网络其他文本内容的一部分,我们可以在<blockquote>标签的cite属性中指向原始来源的URL。

<blockquote cite="https://liudaima.com/a/143.html">
<p>a标签属于内联元素(也叫行内元素),而内联元素默认的css样式属性是display:inline,直接设置内联元素的宽度(width)和高度(height)是无效的,因为内联元素的宽高是随其内容的宽度和高度大小而变化的.<p>
</blockquote>

<blockquote>标签属性

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

cite属性用来标记引用文本内容来自于何处,若引用的文本内容来源于网络,可将引用内容的出处URL地址设置到cite属性上。



欢迎您发表评论或留言