Html中的列表标签无疑是前端中最重要的标签之一,本文做下简易的终结:列表标签的作用:给一堆数据添加列表语意,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体,分为 无序列表(unordered list),有序列表(ordered list),定义列表(definition list),从前到后,用处依次减少
1:无序列表:给一堆数据添加语意,并且这一堆数据中没有先后之分,格式为
<ul>
<li>
单条数据的内容
</li>
</ul>
一定要记住ul标签是用来给一堆数据添加列表语意的,而不是给他们添加小圆点的,因为开发中会用css操作,而且ul标签和li标签是一个整体组合,所以一般情况下:ul标签或者单独使用一个li标签,都是结合在一起使用的,而且由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其他标签,即以后在ul标签中只会看到li标签,无序列表的使用场景为:
例如 新闻列表,商品列表 导航等等,虽然ul标签里边建议只放li标签,但是li标签里边可以自由放很多其他标签,如p标签 h标签等等
2:有序列表 标签为ol所谓有序列表就是有先后顺序之分的,除了语意不同外,个人认为其他差别不是很大,整体上来说,有序列表能做的无序列表都能做,写法和无序列表的类似,就是把ul改成ol
3:定义列表 ,标签为<dl> 嵌套的标签为<dt> <dd>类似于上边所说的<li>标签
dt dd都是英文的缩写,所以dt的含义就是用来定义列表中的标题的缩写,同理,dd标签的含义就是用来定义标题对应的描述的,前者是definition description的缩写,后者是对应前者的