dl,dt,dd的用法
标签:
dldtdd |
分类: HTML标签 |
dl标签 - 定义列表
﹤dt﹥与﹤dd﹥是包含在﹤dl﹥中的两个元素,dl 的全称为 Definition Lists,中文是“定义列表”的意思。它与前几种列表标签有所不同,dl标签中包含着两个层次的列表,第一层﹤dt﹥主要用于对项目定义;第二层﹤dd﹥则是对该项目的描述或具体解释。语法如下:
﹤dl﹥ <dt﹥﹤/dt﹥
在 HTML4.01 中,dl标签定义一个定义列表;在 HTML5 中,dl标签定义一个描述列表。
dl,dt,dd 的组合类似于(table)表格,所以我们也称它为 dl表格。dl 中的每个 dt 标签可以对应一个或多个 dd 标签,同时每个 dd 标签也可以对应多个或一个 dt 标签,如下图:
http://s16/bmiddle/006sNHWgzy73yZ2A75dbf&690
学会灵活使用dl、dt、dd,了解和掌握标签结构语法。在以后开发div+css适当运用dl列表,你将体会到带来的便利。下面再来看看使用 dl 定义列表的注意事项有哪些:
- dt 与 dd 必须被 dl 所包含,dt 与 dd 不得单独使用;
- dt 用于定义项目或项目名称,dd 用于描述每一个项目或对项目的解释,必须一起使用;
- dt 与 dd 是放于dl中的同级标签,在dd内还可以嵌入 ul 列表;
- 若没有为 dl、dt、dd 规定任何CSS样式,在默认下,dd标签中的内容会自动缩进;
通过上述的了解,我们应该能明白dl 定义列表该用在什么地方,例如诗词解析的格式、又如左图右文的格式等都是可以使用 dl 列表来完成的。
前一篇:menu标签-菜单列表
后一篇:h标签

加载中…