HTML元素（或HTML描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据(键-值对列表)。

浏览器支持

示例

 coffee
  black hot drink
  milk
  white cold drink

标签定义及使用说明

• 标签定义一个描述列表。
• 标签与（定义项目/名字）和（描述每一个项目/名字）一起使用。

注意

请不要将该元素（也不要用

在 HTML5 之前，被大家以定义列表所熟知。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，标签定义一个定义列表。

在 HTML5 中，标签定义一个描述列表。

属性

该元素包含全局属性。

全局属性

标签支持HTML 的全局属性。

事件属性

标签支持HTML 的事件属性。

实例

带有项目和描述的描述列表：

coffee
black hot drink
milk
white cold drink

实例

单条术语与描述

 firefox
  a free, open source, cross-platform, graphical web browser
      developed by the mozilla corporation and hundreds of volunteers.
  

多条术语，单条描述

 firefox
  mozilla firefox
  fx
  a free, open source, cross-platform, graphical web browser
      developed by the mozilla corporation and hundreds of volunteers. 

单条术语，多条描述

 firefox
  a free, open source, cross-platform, graphical web browser
      developed by the mozilla corporation and hundreds of volunteers.
  the red panda also known as the lesser panda, wah, bear cat or firefox,
      is a mostly herbivorous mammal, slightly larger than a domestic cat
      (60 cm long). 

多条术语，多条描述

同样的，该元素同样可以支持在一个列表中出现多条术语以及多条描述。

元数据

描述列表可以很方便的将元数据展示为键-值对列表：

 name    
    godzilla
    born
    1952
    birthplace
    japan
    color
    green 

小技巧：通过 CSS3 ，我们可以很容易的在术语后面添加一个与内容无关的分隔符号，比如：

dt:after {
  content: ": ";
}

在

 
 name
    godzilla 
 
 born
    1952 
 
 birthplace
    japan 
 
 color
    green 

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com