首頁 > web前端 > html教學 > html中dl和dd和dt標籤的定義

html中dl和dd和dt標籤的定義

黄舟
發布: 2017-06-21 15:21:43
原創
9777 人瀏覽過

我們在製作網頁過程中用到列表時一般會使用

      標籤,很少用刑
      標籤,但是這個三個標籤卻有著不可忽視的作用,畢竟Web標準中要盡可能的使用已有的標籤。它們的用途是:
      < dl>< /dl>用來創建一個普通的列表,
      < dt>< /dt>用來創建列表中的上層項目,
      < ; dd>< /dd>用來創建列表中最下層項目,
      < dt>< /dt>和< dd>< /dd>都必須放在< dl>< / dl>標誌對之間。

      以下是實例:

      <html>
      <head>
      <title>一个普通列表</title>
      </head>
      <body text="blue">
      <dl>
      <dt>中国城市</dt>
      <dd>北京 </dd>
      <dd>上海 </dd>
      <dd>广州 </dd>
      <dt>美国城市</dt>
      <dd>华盛顿 </dd>
      <dd>芝加哥 </dd>
      <dd>纽约 </dd>
      </dl>
      </body>
      </html>
      登入後複製

      我們可以看到,

      中間的文字即時我們沒有進行縮進它也會向前靠攏,而
      中間的內容則自動向後縮排。

      一般我們在做列表的時候通常只會用到ul和li標籤,至於DL一般都很少用到,它也屬於列表類的標籤,

      標記定義了一個定義列表,定義列表中的條目是透過使用
      標記(“definition title”,定義標題)和
      標記(“definition description”,定義描述)創建的。
      給了術語名,
      標記給出了術語的定義。

      <dl>
      <dt>相当于标题</dt>
      <dd>相当于标题下的小分类</dd>
      </dl>
      登入後複製

      可能我這個說話比較不好理解,就類似於下面這個目錄樹一樣:

      <dl>
      <dt>第一章基本语法:</dt>
      <dd>1.注释</dd>
      <dd>2.函数</dd>
      <dd>3.属性</dd>
      </dl>
      
      <dl>
      <dt>第二章:变量</dt>
      <dd>1.分配的变量</dd>
      <dd>2.读取的变量</dd>
      <dd>3.保留的变量</dd>
      </dl>
      登入後複製

      以上是html中dl和dd和dt標籤的定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板