dl dt dd标签用法

LMS
1.1K+ 4

在我刚学习html的时候,可以说我非常讨厌ul和ol这两个标签,因为它们总是把内容一溜的排列在那里,而且前面还自作多情的给你加上黑点点和数字,而且要么离内容很远,要么太靠近,搞的很难看。可是在我懂得了一些css后我就非常喜欢用这两个标签了,就是写博客的时候我都喜欢用这两个html标签来排列内容,方便又美观。

有一次在看别人代码的时候发现了一个dl dt dd标签,因为从没有用过,所以感觉很新奇,原来除了ul和ol外还有这么个存在。看到对方用这个dl标签做的模板,似乎有表格的效果,很好看,只是由于懒,当时就是知道有这么个东西就没去研究了,也从没去用过。今天特意去整理一下:

一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法:

< dl >标记定义了一个定义列表,定义列表中的条目是通过使用
< dt >标记(“definition title”,定义标题)和
< dd >标记(“definition description”,定义描述)创建的。
< dt >给出了术语名,
< dd >标记给出了术语的定义。

也就是说< dt >用来创建列表中的上层项目,< dd >用来创建列表中最下层项目,< dt >和< dd >都必须放在< dl >< /dl >标志对之间。

例子:

&lt;dl&gt;
    &lt;dt&gt;国内电视台&lt;/dt&gt;
        &lt;dd&gt;北京电视台&lt;/dd&gt;
        &lt;dd&gt;上海电视台&lt;/dd&gt;
        &lt;dd&gt;江西电视台&lt;/dd&gt;
        &lt;dd&gt;浙江电视台&lt;/dd&gt;
&lt;/dl&gt;

多个dt dd套在一个dl里,用css可以实现比table表格更灵活、更好看的的样子出来,至于还有其他什么用法,我还不大懂。

THE END

评论 4

  1. 风吟
    🏅

    用css排版就可以了吧。这个没虾米意义

  2. m@rk
    🏆🏆

    实现之后的效果也没有举例。 :mad:

  3. 谷子猫
    🏅🏅

    :idea: :idea: 不会CSS,DIV的路过

  4. 书香阁
    🏅

    学习一下哦 谢谢分享

发表评论

Submit