HTML5 ＜ul＞ 标签、HTML5 ＜dl＞ 标签

HTML5 <ul> 标签

定义和用法

<ul> 标签定义无序列表。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。在 HTML 5 中，不再支持这两个属性。

提示和注释

提示：请使用 CSS 来定义列表的类型。

例子

<ul>   <li>Coffee</li>
   <li>Tea</li>
</ul>

属性

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

HTML5 <dl> 标签

实例

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

<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 列表