HTML 列表标签

什么是列表标签

列表标签的作用：给一堆数据添加列表语义，也就是告诉搜索引擎，这一堆数据是一个整体

HTML列表的分类

1. 无序列表 使用频率最高
2. 有序列表 使用频率最少
3. 定义列表 使用频率其次

无序列表的作用

给一堆数据添加列表语义，并且这一堆数据中所有的数据都没有先后之分，

什么叫有先后之分

例如：排行榜

什么叫没有先后之分？

例如：中国有哪些城市

无序列表的格式

<ul>
         <li>
        </li>
</ul>

注意点：

1.ul标签是用来给一堆数据添加列表语义的，而不是用来给他们添加格式的
2.ul 标签和li 标签是一个整体，是一个组合，所以一般情况下ul标签和li标签都是一起出现的，而不是单独出现的，也就是不会单独使用一个ul标签或者一个li标签，都是结合在一起使用的

3. 由于ul标签和li标签是一个组合，所以ul标签中不推荐包含其他标签，，也就是说ul标签中只会看到li标签。
4. 不推荐使用标签的属性修改样式。
5. ul标签中建议只放 li 标签，但是li标签中可以放其他标签。
6. 无序列表中的li标签中除了可以添加其他标签来丰富我们的界面以外，还可以添加ul标签来丰富我们的界面。也就说ul中有li，li 中也可以有ul

无序列表的应用场景

1. 新闻列表
2. 商品列表
3. 导航条

有序列表

1、格式：<ol>
2、有序列表的作用： 给一堆数据添加列表语义，并且这一堆数据中所有的数据都有先后之分。
3、用法给ul 都差不多，包括应用场景和注意点都差不多。

定义列表

1、格式：

<dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
</dl>

2、定义列表的作用：
3、定义列表的应用场景：(1)网站尾部的相关信息，(2)做图文混排
4、和ul/ol 一样，dl 和dt/dd 是一个整体，所以一般情况都不会单独出现，都是一起出现的；和ul/ol一样，由于dl和dt/dd 是一个组合标签，所以dl中建议只放dt和dd标签，一个dt 可以没有对应的dd，也可以对应多个dd，但是无论有或者没有dd 都不推荐使用，推荐使用一个dt 对应一个dd
5、和li标签一样，当需要丰富我们界面，我们可以在dt和dd 标签中继续添加其他标签，但是不推荐在dl标签中添加。