老虎美食博客

和老虎一起美食一下吧!

« 老虎Sitemap生成器 0.6.2蛋炒饭的做法 »

被遗忘的DL, DT, DD

释义:
    dl: Definition List (定义列表)
    dt: Definition Term (定义项)
    dd: Definition Description (定义描述)

作用:
    dl表示一个定义列表
    dt表示一个定义的名称,可以理解为词典中的条目
    dd 表示对一个定义的解释,可以理解为词典中对条目的解释。

注意:
    这三个标签必须同时出现,而且dt,dd必须嵌套在dl内。dt和dd是同级关系,并不是嵌套关系。dd必须紧跟在dt之后,dd前可以有多个dt,但dd前面必须至少有一个dt。dt后面至少需要有一个dd。dt和dd是多对多的关系。

比较:
    和dl类似的还有UL(Unordered List.),OL(Ordered List)。
    语义方面:
        从英文解释中最能说明这三者之间的差别了。dl是定义列表,UL是无序的列表,OL是有序的列表。
    表现方面:
        dl会使每个dd产生缩进
        UL会在每个LI前出现一个点
        OL会在LI前出现序号,如1,2,3,….
 
范例:

1.

    <dl>
        <dt>西红柿</dt>
        <dd>茄科一年生草本植物番茄的果实为一年生蔬菜。</dd>
    </dl>
西红柿
茄科一年生草本植物番茄的果实为一年生蔬菜。

2.

<dl>
    <dt>HTML</dt>
    <dt>Javascript</dt>
    <dd>老虎</dd>
    <dt>CSS</dt>
    <dd>组员A</dd>
    <dd>组员B</dd>
<dl>
HTML
Javascript
老虎
CSS
组员A
组员B
  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80605 Code detection by Codefense

Copyright 2007 老虎美食博客. Some Rights Reserved.