html5分组元素
所谓分组元素就是用来组织相关内容的HTML5元素,清晰有效的进行归类
一、元素分类汇总
元素名称 说明
p 表示段落
立即学习“前端免费学习笔记(深入)”;
div 一个没有任何语义的通用元素,和span是对应的元素
blockquote 表示引自它处的大段内容
pre 表示其格式应该被保留的内容
hr 表示其段落级别的主题转换,即水平线
ul,ol 表示无序列表,有序列表
li 用于ul,ol元素中的列表项
dl,dt,dd 表示包含一系列术语和定义说明的列表。dt在dl内部表示术语,一般充当标题,dd在dl内部表示定义,一般是内容
figure 表示图片
figcaption 表示figure元素的标题
二、分组元素解析
1、
建立段落
这是一个段落
这是另一个段落
解释:
元素实际作用就是将内部元素包含的文本形成一个段落;而段落和段落之间保持一定的空隙
2、
通用分组
这是一个通用分组
这是另一个通用分组
解释:
元素在早期的版本中非常常用,通过这种一般性分组元素进行布局。而在HTML5中,由于语义的缘故,被其他各种文档元素所代替。和
段落的区别是,两段文本的上下空隙是没有的,空隙间隔和
换行一样。
通过对比看看
和
的区别
这是一个段落
这是另一个段落
这是一个通用分组这是另一个通用分组
登录后复制
3、
引用大段它处内容这是一个大段的来自它处的内容
这是另一个大段的来自它处的内容
解释:
元素实际作用除了和
元素一样,有段落空隙的功能,还包含了首尾缩进的功能。语义上表示,大段的引用它处的内容。
4、展现格式化内容
- ##### ##### ##### ##### #####
登录后复制
解释:元素实际作用就是编辑器怎么排版的,原封不动的展现出来,当然这种只适合简单的排版,复杂的排版就无法满足要求了。
5、
添加分隔
这是一个通用分组这是另一个通用分组登录后复制
解释:该元素实际作用就是添加一条分割线,意图呈现上下文主题的分割。
6、
添加无序列表
登录后复制登录后复制登录后复制 张三 李四 王五 马六
解释:
元素表示无序列表,而元素则是内部的列表项
7、
添加有序列表
- 张三
- 李四
- 王五
- 马六
登录后复制
解释:
元素表示有序列表,而元素则是内部的列表项。元素目前支持三种属性
ol元素属性
登录后复制登录后复制登录后复制 张三 李四 王五 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
li元素属性
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
登录后复制
8、
生成说明列表
这是一份文件
这里是这份文件的详细内容1
这里是这份文件的详细内容2
解释:这三个元素是一个整体,但
或者并非都必须出现
登录后复制登录后复制登录后复制这是第一份文件这是第一份文件的详细内容1这是第一份文件的详细内容2这是第二份文件这是第二份文件的详细内容1这是第二份文件的详细内容2
9、
使用插图
这是第一张图 登录后复制登录后复制
解释:这两个元素一般用于图片的布局
这是第一张图 登录后复制登录后复制
更多HTML分组元素相关文章请关注PHP中文网!