HTML中的无序列表讲解（菜鸟）

标签：英文   标签   北京   推荐   nbsp   商品   htm   需要   color   

什么是列表标签？

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中的无序列表讲解（菜鸟）

标签：英文   标签   北京   推荐   nbsp   商品   htm   需要   color   

原文地址：http://www.cnblogs.com/xiehefeng/p/7768231.html