HTML5列表元素ul无序列表 ol有序列表 dl定义列表

ul无序列表
ol有序列表
dl定义列表

ul无序列表
无序列表是网页中最常用的的列表，其各个列表项之间没有顺序级别之分，通常是并列的。
常见于网页导航栏，使其结构清晰，各项之间排序不分先后。

定义无序列表的基本语法格式如下：

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
......
</ul>

其中

<ul></ul>

该标记用于定义无序列表

<li></li>

该标记用于描述具体的列表项
注意：
每对<ul></ul>中至少应包含一对<li></li>。

无序列表案例如上图所示
注意：
1.在HTML5中，不再支持该元素的type属性。
2.<li>与</li>之间相当于一个容器，可以容纳所有的元素。但是<ul>与</ul>中只能嵌套<li></li>，直接在<ul></ul>中输入文字的做法是不被允许的。

ol有序列表
有序列表即为有排列顺序的列表。网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。

定义有序列表的基本语法格式如下：

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
......
</ol>

其中

<ol></ol>

该标记用于定义有序列表

<li></li>

该标记用于描述具体的列表项

注意：每对<ol></ol>中至少应包含一对<li></li>。

ol有序列表，有序列表是指有排列顺序的列表，其各个列表项按照一定的顺序排列。

案例如上图所示

亦或改变其排列起始值

可通过修改<ol></ol>为<ol start="2"></ol>即可实现以2为起始值的排序

也可以实现倒序排列 <ol start="2" reversed="reversed"

上图便为从初始值2开始反向排序的有序列表

dl定义列表
定义列表，是用于对术语或名词进行解释和描述。
与无序和有序列表不同，定义列表的列表项前没有任何项目符号。
定义列表常用于图文混排，其中<dt></dt>标记中插入图片，<dd></dd>标记中放入对图片解释说明的文字。

如图

定义列表的基本语法格式如下：

<dl>
	<dt>名词1</dt>
	<dd>名词1解释1</dd>
	<dd>名词2解释2</dd>
...
	<dt>名词2</dt>
	<dd>名词2解释1<dd>
	<dd>名词2解释2<dd>
...
</dl>

其中

<dl></dl>

该标记用于指定定义列表

<dt></dt>

该标记用于指定术语名词

<dd></dd>

该标记用于对名词进行解释和描述

案例如上图所示

last
列表的嵌套

over
cover视频源智慧树网页制作海南联盟