什么是列表标签
列表标签的作用:给一堆数据添加列表语义,也就是告诉搜索引擎,这一堆数据是一个整体
HTML列表的分类
- 无序列表 使用频率最高
- 有序列表 使用频率最少
- 定义列表 使用频率其次
无序列表的作用
给一堆数据添加列表语义,并且这一堆数据中所有的数据都没有先后之分,
什么叫有先后之分
例如:排行榜
什么叫没有先后之分?
例如:中国有哪些城市
无序列表的格式
<ul>
<li>
</li>
</ul>
注意点:
1.ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加格式的
2.ul 标签和li 标签是一个整体,是一个组合,所以一般情况下ul标签和li标签都是一起出现的,而不是单独出现的,也就是不会单独使用一个ul标签或者一个li标签,都是结合在一起使用的
- 由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其他标签,,也就是说ul标签中只会看到li标签。
- 不推荐使用标签的属性修改样式。
- ul标签中建议只放 li 标签,但是li标签中可以放其他标签。
- 无序列表中的li标签中除了可以添加其他标签来丰富我们的界面以外,还可以添加ul标签来丰富我们的界面。也就说ul中有li,li 中也可以有ul
无序列表的应用场景
- 新闻列表
- 商品列表
- 导航条
有序列表
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标签中添加。