对于 web 前端工作者以及正在学习前端的同学来说 dl,dt,dd 标签一定不陌生的, 今天小猿圈 Web 前端讲师就给大家讲解一下 dl,dt,dd 标签用途等问题.
dd,dt 标签是是列表用的.
我们平时常用的是 < ul><li > 标签, 不过 dd,dt 标签也蛮不错, 特别是发布程序的时候功能模块列表什么的可以使用它来排版.
- <dl>
- </dl>
- <dt>
- </dt>
- <dd>
- </dd>
- <dl>
- </dl>
- 用来创建一个普通的列表,
- <dt>
- </dt>
- 用来创建列表中的上层项目,
- <dd>
- </dd>
- 用来创建列表中最下层项目,
- <dt>
- </dt>
- 和
- < dd>
- </dd>
- 都必须放在
- < dl>
- </dl>
- 标志对之间. 看一下下边的例子您就会明白了:
创建一个普通列表
引用内容 引用内容
- <html>
- <head>
- <title>
- 一个普通列表
- </title>
- </head>
- <body text="blue">
- <dl>
- <dt>
- 中国城市
- </dt>
- <dd>
- 北京
- </dd>
- <dd>
- 上海
- </dd>
- <dd>
- 广州
- </dd>
- <dt>
- 美国城市
- </dt>
- <dd>
- 华盛顿
- </dd>
- <dd>
- 芝加哥
- </dd>
- <dd>
- 纽约
- </dd>
- </dl>
- </body>
- </HTML>
此例在浏览器中的显示如下:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
来源: http://www.jianshu.com/p/d899c48e0cb2