阅读(225) (21)

HTML5 <dl> 标签

2016-07-26 21:01:42 更新

实例

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

<dl>
 <dt>咖啡</dt>
   <dd>黑色的热饮</dd>
 <dt>牛奶</dt>
   <dd>白色的冷饮</dd>
</dl>
尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <dl> 标签。


标签定义及使用说明

<dl> 标签定义一个描述列表。

<dl> 标签与 <dt> (定义项目/名字)和 <dd> (描述每一个项目/名字)一起使用。


HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,<dl> 标签定义一个定义列表。

在 HTML5 中,<dl> 标签定义一个描述列表。


全局属性

<dl> 标签支持 HTML 的全局属性


事件属性

<dl> 标签支持 HTML 的事件属性


注意 :

请不要将该元素(也不要用 <ul> 元素)用来在页面创建具有缩进效果的内容。虽然这样的结果样式看上去没问题,但是,这是很糟糕的做法,并且语义也不清晰。

要改变描述列表中描述的缩进量,请使用 CSS margin 属性。

相关文章

HTML 教程:HTML 列表