DD DT DL标签

最新推荐文章于 2021-05-31 10:22:36 发布
最新推荐文章于 2021-05-31 10:22:36 发布
阅读量5.2k 收藏 2
点赞数 1
分类专栏： 前端开发 文章标签： xhtml html list float class div

我们平时常用的是< ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。


< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目，< dd>< /dd>用来创建列表中最下层项目，< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了：


dl ——define list——定义列表
dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。
dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

例子1：
<dl>
    <dt>Today </dt>
     <dd>Today is yesterday. </dd>
     <dt>Tomorrow </dt>
     <dd>Tomorrow is today. </dd>
</dl>

例子2：
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
dt {
        float: left;
        width: 60px;
        margin: 0px;
        padding: 0px;
}
dd {
        float: left;
        clear: none;
        width: 290px;
        margin: 0px;
        padding: 0px;
}
dl {
        width: 350px;
        font-size: 9pt;
        line-height: 1.5em;
        position:relative;
        margin: 0px;
        padding: 0px;
        left:15px;
}
.red {
        color: #FF3300;
}
#box {
        width: 500px;
        background-color: #F1F1F7;
}
#box #content {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
}
-->
</style>
</head>
<body>
<div id="box">
<div id="content">
<img src=/Article/UploadFiles/200704/20070412091408274.gif align="left"/ >
<dl>
        <dt>商品名称：</dt>
        <dd><strong>[好大的一只啊] </strong>忧惠：<span class="red"><em>8.5折</em></span></dd>
        <dt>商品简介：</dt>
        <dd>商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[<span class="red";>详细介绍</span>]</dd>
        <dt>店铺地址：</dt>
        <dd>商品名称</dd>
        <dt>联系电话：</dt>
        <dd>0000-12345678 87654321 </dd>
</dl>
</div>
</div>
</body>
</html>

不杂当下
关注
专栏目录
HTML ＜dd＞ 标签
玄链教育
06-02 286
dd> 在定义列表中定义条目的定义部分。
dl、dt、dd 标签
梦想阿里
11-19 2951
和 ul 一样，dt 也是 XHTML 中的一个列表标签，其子元素为 dt 和 dd。 dl 指列表，dt 指列表标题，dd 指列表内容。 一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： 标记定义了一个定义列表，定义列表中的条目是通过使用标记(“definition title”，定义标题)和标记(“defi...
dl dt dd标签
tbwoyu的专栏
12-03 429
我们平时常用的是标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。 用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。看一下下边的例子您就会明白了： dl ——define list——定义列表  dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义
dl,dt,dd标签的使用
weixin_34278190的博客
07-09 236
dl就是定义一个列表 dt说明白了就是这个列表的标题dd就是内容,能缩进和UL，OL性质差不多 &lt;dl&gt; &lt;dt&gt;标题标题&lt;/dt&gt; &lt;dd&gt;内容内容&lt;/dd&gt; &lt;dd&gt;内容内容&lt;/dd&gt; &lt;/dl&gt; dl,dt,dd是一个解释型的列表比较常
小猿圈web前端讲解dl、dt、dd标签
qq_42210792的博客
07-25 5549
于web前端工作者以及正在学习前端的同学来说dl、dt、dd标签一定不陌生的，今天小猿圈web前端讲师就给大家讲解一下dl、dt、dd标签用途等问题。 dd、dt标签是是列表用的。 我们平时常用的是<ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。 <dl></dl><dt&gt...
DD DT DL标签使用示例
12-13
在实际应用中，比如在线商店的产品详情页，`<dl>`标签常用于展示商品信息，如商品名称、优惠情况、商品简介、店铺地址和联系电话等，通过`<dt>`和`<dd>`的配合，可以让信息结构清晰，易于阅读。 总之，`<dl>`、`<dt...
dl、dt、dd列表标签实例
12-11
dd、dt标签是是列表用的。我们平时常用的是<ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。<dl></dl><dt>< /dt><dd>< /dd> <dl></dl>用来创建一个普通的...
网页制作小技巧 dl dt dd标签用法
09-25
本文将详细介绍`<dl>`、`<dt>`和`<dd>`标签的用法和应用场景。 `<dl>`标签： `<dl>`标记定义了一个定义列表，它的主要作用是展示一对对的名词和对其的解释。这种列表不同于普通的`<ul>`或`<ol>`，因为它不强调顺序...
用标准dl,dt,dd标签抛弃table列表
12-09
本文将探讨如何利用`<dl>`, `<dt>`, `<dd>`标签替代`<table>`来创建数据列表，以实现更简洁、更语义化的代码。 首先，`<table>`标签在处理大量数据时表现出色，例如大型数据表，因为它们提供了整齐的网格布局。然而...
dl dt dd 用法
11-12 1万+
 释义：    dl: Definition List (定义列表)    dt: Definition Term （定义项）    dd: Definition Description （定义描述）作用：    dl表示一个定义列表    dt表示一个定义的名称，可以理解为词典中的条目    dd 表示对一个定义的解释，可以理解为词典中对条目的解释。注意：    这三个标签必须同时出
HTML之dl、dt、dd（也许这是你还没用过的标签，但它们非常实用）
热门推荐
子非魚
08-27 4万+
一、dl dt dd认识 html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格（扩展阅读：table tr td、table tr th表格布局）。 为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。（扩展阅读：ul li、ol li、li
HTML <dd> 标签
追梦猪的博客
09-28 595
实例<dl> <dt>计算机</dt><dd>用来计算的仪器......</dd> <dt>显示器</dt><dd>以视觉方式显示信息的装置...
dl、dd、dt
huyao的博客
04-25 811
定义和用法&lt;dl&gt; 标签定义了定义列表（definition list）。&lt;dl&gt; 标签用于结合 &lt;dt&gt; （ 标签定义一个描述列表的项目/名字）和 &lt;dd&gt; （标签被用来对一个描述列表中的项目/名字进行描述）。You can use this element to represent key-value pairs semantically and...
HTML <dt> 标签
追梦猪的博客
09-28 222
实例<dl> <dt>计算机</dt> <dd>用来计算的仪器......</dd> <dt>显示器</dt> &lt...
html语言dd,HTML: <dd> 标签
weixin_42395985的博客
05-31 342
在线示例带有项目和描述的描述列表：示例html>HTML5dd标签的使用(基础教程网nhooo.com)Term1DescriptionofTerm1Term2DescriptionofTerm2测试看看 ‹/›在此HTML5文档示例中，我们创建了一个包含2个术语的描述列表(Term1 和 Term2)，并且它们的相应描述位于标记中。浏览器兼容性IEFirefoxOperaChr...
在html里面dl dt dd是什么标签
最新发布
06-04
`<dl>`,`<dt>`,`<dd>`是 HTML 中的定义列表标签，用于定义术语及其描述。`<dl>` 标签定义了整个定义列表，`<dt>` 标签定义了术语名称，`<dd>` 标签定义了描述内容。例如： ```html <dl> <dt>HTML</dt> <dd>超文本标记语言</dd> <dt>CSS</dt> <dd>层叠样式表</dd> </dl> ``` 这段代码定义了一个包含两个术语及其描述的定义列表。第一个术语是 "HTML"，其描述是 "超文本标记语言"；第二个术语是 "CSS"，其描述是 "层叠样式表"。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值