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标签，都是结合在一起使用的

　　5.3由于ul标签和li标签是一个组合，所有ul标签中不推荐包含其他标签，也就是说以后你在ul标签中只会看到li标签

无序列表适用场景（举例）：

1.新闻列表

2.商品列表

3.导航条

总结

以上是如意编程网为你收集整理的HTML中的无序列表讲解（菜鸟）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。