当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > dl,dt,dd标记在网页中要充分利用

CSS样式表
base href 使用方法详解
html label标签的使用教程
使用CSS不用程序实现文字自动截断 用省略号代替
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
CSS图片拼合生成器只需上传zip包即可
用iframe margin实现调用其他网页的某一区域的方法
用css alpha 滤镜 实现input file 样式美化代码
RGB 加成色 说明
为了防止乱码,请将用于页面编码的meta charset放到title的前面
DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
大家看了就明白了css样式中类class与标识id选择符的区别小结
DL.DT.DD实现左右的布局简单例子
css布局网页水平居中常用方法
使用CSS框架布局的缺点和优点小结
Web2.0下XHTML+CSS 设计需要注意的地方小结
table高级应用把表格进行到底(必看)
css强制换行 css强制不换行的css方法
Div CSS absolute与relative的区别小结
css实现文字垂直居中的代码

CSS样式表 中的 dl,dt,dd标记在网页中要充分利用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 231 ::
收藏到网摘: n/a


我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是:
< 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>
我们可以看到,<dt></dt>中间的文字即时我们没有进行缩进它也会怎地向前靠拢,而<dd></dd>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了