HTML列表
- 列表是具有一定规律和共性特征的数据集合;带格式的数据整齐排列,适合用于有规律的区域或栏目版块。
- 列表有固定的结构,即外围列表区+内部列表项;
- HTML中的列表有三种类型:无序列表、有序列表和定义列表;
无序列表ul
- 列表项之间没有顺序级别之分,使用一个项目符号作为每条列表项的前缀;
- 结构
:<u><li>
列表项</i></u>
;type
属性设置符号类型:circle
Idisc
Isquare
; li
也有type属性,可分别为每个项目设置不同符号.
序列表ol
- 与无序基本一样,区别在于,编号列表使用编号,而不是符号;
- 结构:
<ol>
<li>
列表项</i>
</ol>
- 编号列表强调的是位置关系,具有一定的排序功能;
- type属性值:1、a、A、i、:默认是1;
- 其也具有type属性,为该列表项单独设置编号类型;
- 其 start属性,决定编号的起始值,对于不同类型的编号,浏览器会自动计算相应的起始值,值为整型;
- 使用reversed属于定义倒序排列。
定义列表dl
- 定义列表具有与字典相同的格式,也被称为字典列表;
- 结构:
<dl>
<dt>
标题</dt>
<dd
>描述</dd>
</dl>
- dl定义了列表
- dt定义标题项,权重较高,dd定义对应的描述项,权重较低
- 可以只有dt,但不能只有dd;
- dt中可以跟着多个dd标签;
- 可以在dl中使用div为dt分组;也可以在dd中使用其他结构化标签;
列表的嵌套
- 列表本身是可以嵌套的,主要目的是为了分级显示Web元素;
- 常见的形式:山嵌套ol ol嵌套ul,ul 嵌套 dl 或 dl 嵌套 ul 和 ol;
- 列表用于页面的布局排版,只要是具有规律的排版,都可以使用列表来呈现, 使用列表嵌套其它元素,就可实现复杂的排版;一般需要CSS配合。