明辉站/网站教程/内容

html blockquote标签如何用?html blockquote标签的作用详细说明

网站教程2023-09-01 阅读
[摘要]html blockquote标签怎么用?html blockquote标签的作用是什么?本篇文章主要讲了html blockquote标签的定义和用法还有属性,还有就是<blockquote>标签和<q>标签区别。html blockquote标签的定义和用法:<b...
html blockquote标签怎么用?html blockquote标签的作用是什么?本篇文章主要讲了html blockquote标签的定义和用法还有属性,还有就是<blockquote>标签和<q>标签区别。

html blockquote标签的定义和用法:

<blockquote> 标签:定义块引用。

<blockquote>与</blockquote>之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

HTML<blockquote>标签实例:

标记长的引用:

<blockquote>
Here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation here is a long quotation.
</blockquote>

html blockquote标签的属性:

tu1.png

<blockquote>标签和<q>标签都表示“引用”

<blockquote>标签和<q>标签区别:

一.格式不同

1.<q>:q标签是行内元素,在内容的开始和结尾处会包有【“”】;

2.<blockquote>:blockquote是块级元素,默认带有左右40px的外间距,不带【“”】。

二.语义不同

1.<q>:引用的是小段文字;

2.<blockquote>:引用的是大段的内容块。

<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。

提示和注释:

提示:请使用 q 元素来标记短的引用。

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

<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>

浏览器支持:

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

注释:没有浏览器能够正确地显示 cite 属性。

【相关推荐】

HTML中的lang属性是干嘛的呢?HTML中的lang属性有什么作用呢?

HTML5新增的结构元素有哪些?HTML5新增的结构元素的用法(推荐)

以上就是html blockquote标签怎么用?html blockquote标签的作用详解的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读