学习：从零玩转HTML5前端+跨平台开发（无序列表(掌握)）

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是条目的意思
所以结合起来就是  列表条目的意思


5:注意点：
1.一定要记住ul标签是用来给一堆数据添加列表语义的，而不是用来给她们添加小圆点的
2.ul标签和li标签是一个整体，是一个组合，所以一般情况下ul标签和li标签都是一起出现，不会单个出现，也就是说不会单独使用一个ul标签或者单独使用以个li标签，都是结合在一起使用
3.由于ul标签和li标签是一个组合，所以ul标签中不推荐包含其他标签，也就是说以后你在ul标签中只会看到li标签

无序列表应用场景：
1：新闻列表
2：商品列表
3：导航条

虽然通过标签属性也能修改样式，但是在企业开发中千万不要这么干。

ul最好只放li标签，但是在企业开发中，li标签中的内容可能会很复杂，所以我门可以在li标签中继续添加其他标签来完善我们的界面。

1.一定要记住ul标签中最好只放li标签
2.但是li标签中还可以继续放其他的标签

无序列表中的li标签中除了可以添加其他标签来丰富我们的 界面以外，还可以添加ul标签来丰富我的界面

也就是说ul中有li,li中又可以有ul

在webstorm中如何快速编写一个ul的格式
ul>li
含义：生成一对ul标签，然后在这对ul标签中再生成一对li标签
ul>li*3
含义：生成一对ul标签，然后在这对ul标签中再生成3对li标签

1.快速编写ul
ul>li*5  +  table快捷键
ul>li*2>h2+ul>li*3   + table快捷键