本文摘自PHP中文网,作者寻∝梦,侵删。
html blockquote标签怎么用?html blockquote标签的作用是什么?本篇文章主要讲了html blockquote标签的定义和用法还有属性,还有就是<blockquote>标签和<q>标签区别。html blockquote标签的定义和用法:
<blockquote> 标签:定义块引用。
<blockquote>与</blockquote>之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
HTML<blockquote>标签实例:
标记长的引用:
1 2 3 4 5 |
|
html blockquote标签的属性:
<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> 标签。
注释:没有浏览器能够正确地显示 cite 属性。
【相关推荐】
HTML中的lang属性是干嘛的呢?HTML中的lang属性有什么作用呢?
HTML5新增的结构元素有哪些?HTML5新增的结构元素的用法(推荐)
以上就是html blockquote标签怎么用?html blockquote标签的作用详解的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者