HTML列表

HTML列表

• 列表是具有一定规律和共性特征的数据集合;带格式的数据整齐排列,适合用于有规律的区域或栏目版块。
• 列表有固定的结构,即外围列表区+内部列表项;
• HTML中的列表有三种类型:无序列表、有序列表和定义列表;

无序列表ul

• 列表项之间没有顺序级别之分,使用一个项目符号作为每条列表项的前缀;
• 结构:<u><li>列表项</i></u>;type属性设置符号类型: circle I disc I square;
• 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配合。