html blockquote标签怎么用?html blockquote标签的作用详解


本文摘自PHP中文网,作者寻∝梦,侵删。

html blockquote标签怎么用?html blockquote标签的作用是什么?本篇文章主要讲了html blockquote标签的定义和用法还有属性,还有就是<blockquote>标签和<q>标签区别。

html blockquote标签的定义和用法:

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

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

HTML<blockquote>标签实例:

标记长的引用:

1

2

3

4

5

<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> 元素必须包含块级元素,比如这样:

1

2

3

<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标签的作用详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html图片怎么超链接

Html怎么设置p标签行间距

Html中的锚点是啥

什么是语义化的Html

Html strong标签怎么用

css如何让高度自适应

Html标记中表示段落的标记是什么?

Html怎么插入百度富文本编辑器ueditor

Html的标题总结推荐

Html中标签栏的几种实现方法

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...