HTML中的⽆序列表讲解(菜鸟)
什么是列表标签?
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标签,都是结合在⼀起使⽤的
html ul标签
5.3由于ul标签和li标签是⼀个组合,所有ul标签中不推荐包含其他标签,也就是说以后你在ul标签中只会看到li标签
⽆序列表适⽤场景(举例):
1.新闻列表
2.商品列表
3.导航条
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论