当前位置:首页 / 网页制作 / CSS教程 / dl,dt,dd标记在网页中要充分利用
dl,dt,dd标记在网页中要充分利用
芯晴素材特效 分类:CSS教程 发布日期:2016-04-20
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是: < dl>< /dl>用来创建一个普通的列表, < dt>
我们在制作网页过程中用到列表时一般会使用<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>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

热门素材

DIV+CSS标准网页菜单(一)

2013-01-07   浏览:7888

一款简洁的TAB滑动门修改

2013-01-16   浏览:8424

[荐] CSS实现的半透明效果

2013-01-09   浏览:8108

CSS3实现苹果ISO导航特效

2017-02-26   浏览:240

jquery实现动感竖向导航效果

2017-02-26   浏览:424

边框流动发光的表格,霓虹灯效果

2013-01-09   浏览:7727

jQuery图文开关灯切换特效

2017-03-17   浏览:361

jQuery自定义方向气泡提示框网页下载

2017-03-13   浏览:209

3D按钮式导航条(横向和纵向两款)

2013-01-07   浏览:8546

jQuery变色弹珠跳台阶小游戏网页下载

2017-03-15   浏览:177

效果很炫jQuery+css3图文切换立体式效果

2017-03-09   浏览:154

内容倾斜幻灯片Tilted Items

2017-02-27   浏览:459

点击咨询客服