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的img标签是如何使用的

eclipse怎么设置Html快捷键

javascript今年25 岁了!

Html中如何设置超链接的样式

Html怎么设置文字居中对齐

Html的基础知识.关于css样式表和样式属性的详细介绍

Html实现窗口大小变化时页面刷新(代码)

Html中插入视频并兼容所有浏览器的方法

Html怎么让段落文本两端对齐

Html创建canvas画布生成图片

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




打赏

取消

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

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

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

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

评论

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