发布于 由影子

DIV+CSS中标签ul ol li dl dt dd用法与区别

平时有时候用到div和css对网站界面进行重构,经常会用到标签ul ol li dl dt dd ,这些标签常用于列表显示内容.
学会这几个标签的用途,了解一下他们的区别,对网站代码和加载速度都有很有益处的.
下面,简单说一下.

ul 标签定义无序列表。
实例:



    
	
  • Coffee
    • 
	
  • Tea
    • 
	
  • Milk
    •

ol 标签定义有序列表。
实例:



    
	
  1. Coffee
    2. 
	
  2. Tea
    3. 
	
  3. Milk
    4.

li 标签定义列表项目。
li 标签可用在有序列表 (ol) 和无序列表 (ul) 中。
实例:



    
	
  1. Coffee
    2. 
	
  2. Tea
    3. 
	
  3. Milk
    4. 



    
	
  • Coffee
    • 
	
  • Tea
    • 
	
  • Milk
    •

dl 标签定义了定义列表（definition list）。
dl 标签用于结合 dt>（定义列表中的项目）和 dd （描述列表中的项目）。
实例:



计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...
dt 标签定义了定义列表中的项目（即术语部分）。
实例:


计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...
dd 在定义列表中定义条目的定义部分。
实例:


计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...