一.分组元素总汇为了页面的排版需要,HTML5 提供了几种语义的分组元素。
属性名称 | 说明 |
p | 指定元素所指资源的 URL |
div | 一个没有任何语义的通用元素,和 span 是对应元素 |
blockquote | 引自他出的大段内容 |
pre | 其格式应被保留的内容 |
hr | 段落级别的主题转换,即水平线 |
ul,ol | 无序列表,有序列表 |
li | 用于 ul,ol 元素中的列表项 |
dl,dt,dd | 表示包含一系列术语和定义说明的列表。dt 在 dl 内部表示术语,一般充当标题;dd 在 dl 内部表示定义,一般是内容。 |
figu | 表示图片 |
figcaption | 表示 figure 元素的标题 |
二.分组元素解析
对应代码
1.
建立段落
2.
通用分组
3.
引用大段他出内容
元素实际作用除了和元素一样,有段落空隙的功能,还包含了首尾缩进的功能。语义上表示,大段的引用他出的内容。
4.
展现格式化内容
元素实际作用就是编辑器怎么排版的,原封不动的展现出来。当然,这种只适合简单的排版,复杂的排版就无法满足要求了。
5.添加分隔
元素实际作用就是添加一条分割线,意图呈现上下文主题的分割
6.
添加无序列表- 元素表示无序列表,而
- 元素则是内部的列表项。
7.
- 添加有序列表
- 元素表示有序列表,而
- 元素则是内部的列表项。
- 元素目前支持三种属性
ol 元素属性
属性名称 | 说明 |
---|---|
start | 从第几个序列开始统计: |
reversed | 是否倒序排列:
|
type | 表示列表的编号类型,值分别为:1、a、A、i、I |
li 元素属性
属性名称 | 说明 |
---|---|
value | 强行设置某个项目的编号。 |
8.
生成说明列表这三个元素是一个整体,但或并非都必须出现。
9.
这两个元素一般用于图片的布局。
代码对应网页显示
小编也是小白,请各位见谅,如有错误希望提醒小编,小编虚心求指导
微信号:Antony__9欢迎各位推荐来骚扰小编-扫码关注我们-