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

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

黄舟
黄舟原創
2017-06-21 15:21:439765瀏覽

我們在製作網頁過程中用到列表時一般會使用ff6d136ddc5fdfeffaf53ff6ee95f185或c34106e0b4e09414b63b2ea253ff83d6標籤,很少用刑5c69336ffbc20d23018e48b396cdd57a標籤,但是這個三個標籤卻有著不可忽視的作用,畢竟Web標準中要盡可能的使用已有的標籤。它們的用途是:
db9a701eea2ab4a1ec2bb391ddc2eae5a3918fe0b70e08a22a7548856f8395ab用來創建一個普通的列表,
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8用來創建列表中的上層項目,
< ; dd>61c2795ecf2bb2bc7cac2175c6ae6977用來創建列表中最下層項目,
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8和152436f649dfcc2350c70c7083a3231e61c2795ecf2bb2bc7cac2175c6ae6977都必須放在db9a701eea2ab4a1ec2bb391ddc2eae543d08688e00749f36e80e59ebb543d44標誌對之間。

以下是實例:

<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>

我們可以看到,73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e中間的文字即時我們沒有進行縮進它也會向前靠攏,而67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35中間的內容則自動向後縮排。

一般我們在做列表的時候通常只會用到ul和li標籤,至於DL一般都很少用到,它也屬於列表類的標籤,5c69336ffbc20d23018e48b396cdd57a標記定義了一個定義列表,定義列表中的條目是透過使用73de882deff7a050a357292d0a1fca94標記(“definition title”,定義標題)和67bc4f89d416b0b8236eaa5f43dee742標記(“definition description”,定義描述)創建的。 73de882deff7a050a357292d0a1fca94給了術語名,67bc4f89d416b0b8236eaa5f43dee742標記給出了術語的定義。

<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn