灰白之间
18五/110

关于定义列表DL的理解

最近几天的项目,一直在鼓捣菜单啊弹出啊的,看了好多源码都是DL DT DD啊的,看不明白,以前不都是用无序列表UL么?在W3SCHOOL看了下,大体说说自己的看法.

 

ul跟ol差不多,(废话,一个叫无序一个叫有序嘛).
ul是英文unordered lists的缩写,li就是list item,所以ul没有层次结构,比如你要定义一个li项目的子项,只能这样

<ul>
    <li>项目 </li>
    <li>项目 </li>
    <li>项目 </li> 
    <li>项目 
        <ul>
            <li>子项目 </li>
            <li>子项目 </li> 
            <li>子项目 </li>
        </ul>
    </li>
    <li>项目 </li>
</ul>

dl是definition lists的英文缩写,dt为definition term,dd为definition description为dt的描述,但在实际应用当然,我们可以用dl列表实现两层的表现解构

<dl>
  <dt>项目</dt>
  <dt>项目</dt>
  <dt>项目</dt>
  <dt>项目</dt>
    <dd>子项目</dd>
    <dd>子项目</dd>
    <dd>子项目</dd>
  <dt>项目</dt>
</dl>

所以我们在看好多二级下拉菜单的代码的时候,dl列表是最常用的方式!

评论 (0) 引用 (0)

还没有评论.


Leave a comment

(required)

还没有引用.