一、无序列表
1、列表标签:给一堆数据添加列表语义,即告诉搜索引擎/浏览器这一堆数据是一个整体。
2、分类:无序列表,有序列表,定义列表。
3、无序列表(使用最多)unordered list
(1)作用:给一堆数据添加列表语义,且一堆数据中所有数据都没有先后之分。
(2)格式:
<ul>
<li>需显示的条目内容</li>
</ul>
(3)li标签为列表条目,ul标签和li标签为一个整体,一般一起出现。ul标签中不推荐出现除了li以外的其他标签;但li标签中可以添加其他标签。
(4)应用场景:导航条、新闻列表、商品列表等。
(5)键入ul>li
可快速生成
<ul>
<li></li>
</ul>
(6)li中还可有ul,无限套娃。
二、有序列表
1、有序列表(使用最少)ordered list:有先后之分,每个条目前都有符号。
2、格式:
<ol>
<li></li>
</ol>
三、定义列表
1、定义列表(使用其次)definition list
2、格式:
<dl>
<dt></dt>
<dd></dd>
</dl>
dt用来定义列表中的标题,dd用来定义标题对应的描述。
3、应用场景:做网站尾部的相关信息,做图文混排。
4、注意点
(1)一个dt可以没有对应的dd,也可有多个对应的dd,但一般推荐一个dt对应一个dd
(2)和li标签一样,当需要丰富界面时,可在dt和dd中添加其他标签。