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

热门素材

jq+css3单反转动镜头景物效果

2017-03-15   浏览:192

一款鼠标滑过即出现,移开即消失的

2013-01-06   浏览:9011

跟随鼠标且不停旋转的彩色星星

2012-12-26   浏览:7910

jQuery打造的一款地图热点效果

2013-01-20   浏览:9795

八款非常有个性的jQuery版图片悬停提示

2013-01-12   浏览:9447

很简洁的自动切换的网页选项卡

2013-01-07   浏览:8226

html5双击选中文字高亮显示

2017-03-14   浏览:351

3D立体旋转jq幻灯片

2017-03-17   浏览:358

仿windows选项卡特效3

2012-12-31   浏览:7881

不停旋转的图片导航链接效果

2013-01-10   浏览:8133

类似播放器jQuery图片切换

2017-03-17   浏览:300

jQuery图片展示滑动切换特效

2017-03-17   浏览:452

点击咨询客服