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使用的比较少,但可以用于特殊的场合。