`
pleasetojava
  • 浏览: 729425 次
  • 性别: Icon_minigender_2
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

dl dt dd 用法

 
阅读更多

释义:
dl: Definition List (定义列表)
dt: Definition Term (定义项)
dd: Definition Description (定义描述)

作用:
dl表示一个定义列表
dt表示一个定义的名称,可以理解为词典中的条目
dd 表示对一个定义的解释,可以理解为词典中对条目的解释。

注意:
这三个标签必须同时出现,而且dt,dd必须嵌套在dl内。dt和dd是同级关系,并不是嵌套关系。dd必须紧跟在dt之后,dd前可以有多个dt,但dd前面必须至少有一个dt。dt后面至少需要有一个dd。dt和dd是多对多的关系。

比较:
和dl类似的还有UL(Unordered List.),OL(Ordered List)。
语义方面:
从英文解释中最能说明这三者之间的差别了。dl是定义列表,UL是无序的列表,OL是有序的列表。
表现方面:
dl会使每个dd产生缩进
UL会在每个LI前出现一个点
OL会在LI前出现序号,如1,2,3,….

范例:

分享到:
评论

相关推荐

    DL-Dt-DD(做表格Css实现)

    传统的HTML表格元素如`<table>`, `<tr>`, `<td>`等可以方便地组织和显示结构化数据,但在某些场景下,为了追求更灵活的样式控制和更好的语义化,开发者可能会选择非传统的方法,比如使用`<dl>`, `<dt>`, `<dd>`元素...

    DL.DT.DD实现左右的布局简单例子第1/2页

    综上所述,使用`<dl>`、`<dt>`、`<dd>`来实现左右布局是一种非常实用的方法。它不仅解决了`<ul>`带来的问题,而且使得代码更加简洁、易读。此外,这种方式还可以轻松地扩展,适应不同的应用场景。

    html 标签 dl dt dd使用说明

    在一对`<dl>`标签之间,你可以放置一个或多个由`<dt>`和`<dd>`标签组成的对,来定义不同的项目及其描述。 `<dt>` 标签: `<dt>` 代表 "definition term",用于定义一个名词或者概念。这些术语通常会以粗体或者特殊...

    网页制作小技巧 dl dt dd标签用法

    本文将详细介绍`<dl>`、`<dt>`和`<dd>`标签的用法和应用场景。 `<dl>`标签: `<dl>`标记定义了一个定义列表,它的主要作用是展示一对对的名词和对其的解释。这种列表不同于普通的`<ul>`或`<ol>`,因为它不强调顺序...

    CSS 之dl dt dd模拟表格实例代码

    贴出dl dt dd模拟表格实例,不推荐在实际项目中使用,可以了解dl dt dd的用法。测试浏览器:IE6\IE7\IE8\FF3.0 CSS: 复制代码代码如下: dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; } dl{ margin:0 ...

    HTML的dl、dt、dd标记制作表格对决Table制作表

    对于小型数据列表和表单,使用`<dl>`, `<dt>`, 和 `<dd>` 标签是一个更好的选择,因为它更符合语义化的原则,使得内容结构更加清晰。 然而,这并不意味着`<table>`标签已经过时。对于展示大量结构化数据,如财务...

    dl,dt,dd在什么时候适合使用呢

    ### 使用dl、dt、dd元素的情境分析 在HTML中,`dl`、`dt`、`dd`是一组用于创建定义列表(Definition List)的标签。这些元素可以帮助开发者更清晰地组织信息,并且在语义上具有明确的意义。下面将详细介绍这三种...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    复制代码代码如下:<dl> <dt>计算机</dt> <dd>用来计算的仪器 … …</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 … …</dd></dl> HTML <ul> 标签 #定义和用法 <ul> 标签定义无序列表。 #实例 无序 HTML 列表...

    DD DT DL标签使用示例

    下面我们将详细探讨这些标签的用途和使用方法。 `<dl>`标签: `<dl>`代表“定义列表”,用于创建一个包含术语和定义的列表。这个标签是所有定义列表的容器,`<dt>`和`<dd>`标签必须放在它的内部。 `<dt>`标签: `...

    CSS教程:用dl dt dd来制作列表

    为了解决这些问题,他们选择了使用`<dl>`, `<dt>`, 和 `<dd>`元素,因为这种方法可以更好地进行布局,便于未来扩展,并且需要的CSS样式更少。 布局结构如下: ```html 标题 <dl> <dt>·博客里的文章是我自己写...

    dl,dt,dd,ul,li,ol区别及应用

    ol有序列表:<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3……ul无序列表,表现为li前面是大圆点而不是123:<ul><li>……</li><li>……</li></ul>很多人容易忽略dldtdd的用法:dl内容块dt内容...

    dl,dt,dd制作的CSS垂直菜单

    但是,今天我们要讨论的是使用dl,dt,dd标签来创建CSS垂直菜单的方法。 dl,dt,dd标签的作用: * dl标签定义了一个定义列表,其中包含 dt 和 dd 元素。 * dt标签定义了列表中的项,通常用于描述列表项的名称。 * dd...

    dl、dt、dd 标记来改造163邮箱的广告条

    为了实现相同的效果,并提高代码的语义性和可维护性,我们可以使用`<dl>`, `<dt>`, 和 `<dd>` 标签。 1. CSS 样式设置: - `*{padding:0;margin:0;font-size:12px;font-family:Tahoma"宋体"}` 这是全局样式,清除...

    XHTML下用dl,dt,dd标签实现翻页的效果代码

    虽然这种用法不是 `<dl>`, `<dt>`, 和 `<dd>` 的标准用法,但创造性地使用语义标签可以增加代码的灵活性。不过,从语义角度来看,这样的实践可能会降低代码的可读性和可维护性,因此在选择这种技术时需要权衡。 综...

Global site tag (gtag.js) - Google Analytics