博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dl,dt,dd标记在网页中要充分利用
阅读量:6818 次
发布时间:2019-06-26

本文共 594 字,大约阅读时间需要 1 分钟。

  hot3.png

dl,dt,dd标记在网页中要充分利用

来源:网络整理 时间:08-05-27 点击: 点击这里收藏本文

我们在制作网页过程中用到列表时一般会使用<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>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了

转载于:https://my.oschina.net/wzzz/blog/152215

你可能感兴趣的文章
2016年新年伊始
查看>>
DataTable循环删除行
查看>>
字符串2
查看>>
在Linux合并文件
查看>>
nodejs express-session使用时 req.session undefined问题
查看>>
[工具]iostat
查看>>
php正则表达式匹配函数
查看>>
从零开始学OpenDaylight之五:Hello安装到Controller
查看>>
发送带有附件的邮件
查看>>
MySQL 教程分享
查看>>
s.isdigit、isdecimal和s.isnumeric区别
查看>>
中型公司网络架构拓扑与详解
查看>>
磁盘分区以及解决反序安装操作系统所带来的困扰
查看>>
python3 no module named yaml
查看>>
【Android】 BroadcastReceiver详解
查看>>
Alpha冲刺第7天
查看>>
求弦长或线段长【初级中级高阶辅导】
查看>>
SocketFromServer
查看>>
[吴恩达机器学习笔记]12支持向量机5SVM参数细节
查看>>
Postman的Post请求方式的四种类型的数据
查看>>