<dl> - 定义列表

首页 > HTML标签 > <dl>

■ 摘要

项目说明
形式<dl>~</dl>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素dt / dd

■ 说明

dl 是 Definition List(定义列表)的缩写。在 <dl>~</dl> 标签里,可以用 <dd>(Definition Description)来描述 <dt>(Definition Term)。

■ 属性

【特性】
属性意义
compactH2-H4T/e4+/N2-N4。不推荐使用,请使用样式代替。此属性可指定列表呈现的效果比正常情况更小巧。有些浏览器不支持此属性。下面有详细用法。

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language 的缩写</dd>
<dt>WWW</dt>
<dd>World Wide Web 的缩写</dd>
</dl>

浏览器显示效果
HTML
HyperText Markup Language 的缩写
WWW
World Wide Web 的缩写

■ compact属性的显示效果

当指定了 compact 属性时,如果项目名很短,下面的说明部分会自动移动到项目名的同一行。有些浏览器不支持此属性,推荐使用样式代替。

浏览器显示效果
DTB
DARKER THAN BLACK 的缩写
Dynamic HTML
动态超文本标识语言的缩写

■ 与样式表结合

想要让项目名更加醒目,可以使用样式表。比如,在 <head>~</head> 之间记述了下面的样式的话,就可以让所有项目名变粗体字,并且和前面一行之间空开一行。

CSS代码
<style type="text/css">
<!--
DT { margin-top: 1em; font-weight: bold; }
-->
</style>

浏览器显示效果
HTML
HyperText Markup Language 的缩写
WWW
World Wide Web 的缩写

■ 相关

<dt><dd>