zoukankan      html  css  js  c++  java
  • 自定义列表dl的使用原因和场合

    为什么要使用自定义列表?

    dl和ol, ul的区别?

    要正确理解dl的意图, 理解 dl的 "语义" ! 才能知道为什么要使用dl, 以及在什么时候/ 什么情况下使用 dl?

    dl叫自定义列表, 所以, 首先, 它是一种列表, 跟ul ol一样的使用.

    但是, 它跟其他列表的 区别是:

    dl是 列表项和其 注释的组合. 也就是说, 只有当你要对 列表项 进行 注释的时候, 你 才应该 使用 dl

    对应关系:

    dl 对应着 ul(或者ol)
    dt 对应着 li

    那么dd就是dl 特有的, 表示对dt的解释, 而 li由于不需要解释, 所以他后面就没有 内容了.

    比如:

    <dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>  // 从语义上来说, 黑色的热饮料 就是 对 咖啡的解释
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>
    

    那么, 只有当你需要对 列表项进行解释的时候, 你才需要 使用 dl, 否则就没有必要 使用 dl, 或者说使用dl就不是那么 恰当了.

    而且, dd 在内容上, "在语义上", 也应该是对 dt的解释, 说明, 而不应该是跟它无关的东西.
    在 数量上, dd也通常只需要 1个就好了. 多于1个, 就不恰当了.

  • 相关阅读:
    array with objects sort
    Vue组件之区域滚动
    ajax跨域请求问题总结
    常见contentType
    Sublime Text 3实用快捷键大全
    具有层级关系的扁平化数组转化成树形结构数组
    阿里云地图选择器
    前端解析二进制文件流并下载
    tool.js日常工具方法
    git操作
  • 原文地址:https://www.cnblogs.com/bkylee/p/5292492.html
Copyright © 2011-2022 走看看