HTML5 入门教程 HTML5 <dl> 标签

2024-02-25 开发教程 HTML5 入门教程 匿名 2

实例

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

<dl>
<dt>咖啡</dt>
<dd>黑色的热饮</dd>
<dt>牛奶</dt>
<dd>白色的冷饮</dd>
</dl>

浏览器支持

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


标签定义及使用说明

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

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


HTML 4.01 与 HTML5之间的差异

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

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


全局属性

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


事件属性

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


注意 :

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

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

相关文章

HTML 教程:HTML 列表