什么是列表标签?
1.列表标签的作用:给一堆数据添加列表语义,也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体。
2.HTML中列表标签的分类
2.1无序列表(最多人用)(unordered list)
2.2有序列表(最少人用)(ordered list)
2.3定义列表(其次)(definition list)
3无序列表作用:
给一堆数据添加列表语义,并且这一堆数据所有的数据都没有先后之分
什么叫先后之分?
例如:排行榜
什么叫没有先后之分?
例如:中国的所有城市
4.无序列表格式:
<ul> <li>需要显示的条目内容</li> </ul>
li其实是英文list item的缩写
list是列表的意思
item是条目的意思
所以结合起来就是列表条目的意思
例子:
<h2>中国的城市:</h2> <ul> <li>北京</li> <li>上海</li> <li>广州</li> <li>武汉</li> </ul>
5.注意点
5.1一定要记住ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加小圆点的
5.2ul标签和li标签是一个整体,是一个组合,所有一般情况下ul标签和li标签都是一起出现,不会单个出现,也就是说不会单独使用一个ul标签或者单独使用一个li标签,都是结合在一起使用的
5.3由于ul标签和li标签是一个组合,所有ul标签中不推荐包含其他标签,也就是说以后你在ul标签中只会看到li标签
无序列表适用场景(举例):
1.新闻列表
2.商品列表
3.导航条
时间: 2024-10-09 17:13:52