【9】HTML基础（3）——常用标签⑤ 十、定义列表标签

十、定义列表标签

• 列表用于制作HTML中的一系列项目；
• 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建；
• 根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表；
• 比如下图，常见列表情况：③定义列表

（一）语法：

• 自定义列表不仅仅是一列项目，而是项目及其注释的组合；
• 由三个标签组成完整的结构，包含<dl>、<dt>和<dd>；
  dl：definition list，表示定义一个自定义列表的大结构‘
  dt：definition term，表示定义自定义列表中的一个主题或者术语；
  dd：definition description，定义解释项，表示描述或解释前面的定义主题；
• <dl>内部只能嵌套<dt>和<dd>，<dt>与<dd>是同级关系。

<dl>
<dt>主题</dt>
<dd>解释项</dd>
</dl>

(二）注意事项

• <dl>内部只能嵌套<dt>和<dd>，<dt>与<dd>不能脱离<dl>单独书写；
• dl内部可以放多组dt和dd，每个dd解释说明的是前面的距离最近的一个dt；
• 每个dt后面可以有0到多个解释项的dd，每个dd解释的都是前面距离最近的一个dt；
• dt和dd标签也是容器级标签，内部可以放置任意内容；
• 定义列表中的缩进样式由css负责，标签只负责搭建语义结构；
• 配合着css布局效果，最好每个dl中只添加一组dt和dd，便于后期管理。

下篇继续…