zoukankan      html  css  js  c++  java
  • dl dt dd标签的具体用法

     

    一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法:
    <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。
    也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。
    <dl>
    <dt>我们在做列表标题</dt>
    <dd>我们在做列表</dd>
    <dd>我们在做列表</dd>
    <dd>我们在做列表</dd>
    <dd>我们在做列表</dd>
    </dl>

    DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好

    ol 有序列表。

    <ol>
    <li>……</li>
    <li>……</li>
    <li>……</li>
    </ol>
      表现为:
    1……
    2……
    3……
      ul 无序列表,表现为li前面是大圆点而不是123
    <ul>
    <li>……</li>
    <li>……</li>
    </ul>
      很多人容易忽略 dl dt dd的用法
        dl 内容块
      dt 内容块的标题
      dd 内容
      可以这么写:
    <dl>
    <dt>标题</dt>
    <dd>内容1</dd>
    <dd>内容2</dd>
    </dl>
      dt 和dd中可以再加入 ol ul li和p
      理解这些以后,在使用div布局的时候,会方便很多


    dl:代表HTML自定义列表
    dt:代表HTML自定义列表组
    dd:HTML自定义列表描述

    dt主要放label部分,dd主要放input或其他。

    注意:和label布局一样,有IE的3px BUG。
    HTML代码

  • 相关阅读:
    web应用模式
    Win10升级本地Django版本,以及DRF框架的安装使用
    DRF作业(1)
    中间件作业
    复习day03作业
    python基础复习
    利用自定义中间件来实现DRF框架中的request对象的data属性
    复习Day02(python中魔法方法,cookie/sesison/token,pymysql)
    排序之快排
    排序之归并
  • 原文地址:https://www.cnblogs.com/kingwangzhen/p/1567818.html
Copyright © 2011-2022 走看看