html文档中列表标签使用方法和区别

列表标签的使用介绍
一、基本介绍
     列表是一组标签，分为有序列表，无序列表，自定义列表，先看几个网站上常见的列表效果：
       


          


二、无序列表
        无序列表，没有固定的顺序，将一组相关的数据排列起来，列表之间没有先后顺序。无序列表是一组标签： <ul></ul>，每一个列表项使用<li></li>。ul是unorderlist的缩写，li是list的缩写。默认情况下，列表前面有一个实心的圆点，这个符号是可以修改的，通过css来修改，也可以通过ul中的type属性来修改。



 
通常不会使用默认样式，一般使用图片代理这个圆点。
无序列表的经典用法：
       1，新闻列表，文字列表，博客列表，商品列表，评论列表等。
        2，导航，需要配合CSS内容才能实现

 三、有序列表
     
作用：用于将一组相关的列表项目排列在一起，列表中的项目有特别的先后顺序。<ol></ol> <li></li>。li是list的缩写，ol是orderlist的缩写



经典用法：

一般情况下，有严格的先后顺序时，使用有序列表，即使有先后顺序，我们通常也会使用无序列表，前的用图片列表示先后顺序。



 四、自定义列表

作用：用于显示名称及其对应的“值”,如术语及定义，或时间及相对应的事件等等。

体现在三个方面：

1，一个名称对应一个值

2，一个名称对应多个值

3，多个名称对应一个值

 

体现一：



体现二：



体现三：



dl   definitionlist的缩写

dd  definition description的缩写

dt   defintion title的缩写

注意：在实际开发中，dl使用的比较少，但可以用于特殊的场合。