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代码

  • 相关阅读:
    样本间相似度/距离的计算方法总结
    package.json字段全解
    使用Charles对Https请求进行抓包
    URI和URL的区别
    webstorm常用快捷键
    HTML中判断手机是否安装某APP,跳转或下载该应用
    Git 常用命令大全
    vue的测试(Vue.js devtool)
    js求两个数的最大公约数
    javascript实现验证身份证号的有效性并提示
  • 原文地址:https://www.cnblogs.com/kingwangzhen/p/1567818.html
Copyright © 2011-2022 走看看