当前位置:首页 / 网页制作 / 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(#换@),我们将尽快处理。

热门素材

jQuery房地产贷款计算器网页下载

2017-03-13   浏览:453

支持背景图片的圆角效果的矩形

2013-01-09   浏览:8002

jQuery+CSS3实现黑色圆形时钟网页下载

2017-03-13   浏览:444

仿win7界面弹出窗口放大缩小网页下载

2017-03-14   浏览:116

jQuery金币抽奖效果网页下载下载

2017-03-14   浏览:184

jQuery手机端上拉下拉刷新页面网页下载

2017-03-14   浏览:274

jQuery心型图片墙鼠标悬浮变大

2017-03-17   浏览:497

jQuery简易日历插件下载

2017-03-13   浏览:505

一款红色风格JS+CSS竖向tab选项卡

2013-01-14   浏览:9290

JS实现文字从页面顶部掉下来的效果

2013-01-11   浏览:8445

jQuery实现图片滑动导航

2017-03-16   浏览:439

jQ OSX底部工具箱

2017-03-18   浏览:343