html定義列表元素d1

2012/11/17 12:11:27作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html定義列表元素d1

定義列表是一種兩個(gè)層次的列表，用于解釋名詞的定義，名詞為第一層次，解釋為第二層次，并且不包含項(xiàng)目符號。定義列表也稱為字典列表，因?yàn)樗c字典具有相同的格式。在定義列表中，每個(gè)列表項(xiàng)帶有一個(gè)縮進(jìn)的定義字段，就好像字典對文字進(jìn)行解釋一樣。通過<dl>、<dr>、<dd>標(biāo)記建立定義列表。

【基本語法】

【語法介紹】

<dl></d1>標(biāo)記用來創(chuàng)建定義列表，<dt</dt>標(biāo)記用來創(chuàng)建列表中的上層項(xiàng)目，此標(biāo)記只能在<dl></dl>標(biāo)記中使用，顯示時(shí)<dt></dt>標(biāo)記定義的內(nèi)容將左對齊。<dd></dd>標(biāo)記用來創(chuàng)建列表中的下層項(xiàng)目，此標(biāo)記也只能在<dl></dl>標(biāo)記中使用，顯示時(shí)<dd></dd>標(biāo)記定義的內(nèi)容將相對于<d></dt>標(biāo)記定義的內(nèi)容向右縮進(jìn)。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定義列表元素</title>
</head>
<body>
<p><strong>公司招聘信息：</strong>
  <dl>
  <dt>職位要求：</dt>
<dd>女，158CM以上，五官端正，身體健康。</dd>
<dd>有一年以上工作經(jīng)驗(yàn)，愛崗敬業(yè)，作風(fēng)正派，無不良嗜好，無犯罪前科。</dd>
<dd>實(shí)行8小時(shí)工作制，月休4天，本職位一經(jīng)錄用，公司即提供具有競爭力的薪酬福利待遇。</dd>
<dt>享受待遇：</dt>
<dd>終身享受一流的國際化專業(yè)銷售、管理等各項(xiàng)培訓(xùn)； </dd>
<dd>底薪+傭金+獎(jiǎng)金+管理津貼+長期服務(wù)獎(jiǎng)等多達(dá)20項(xiàng)收入+旅游等； </dd>
<dd>一旦錄用，將享受完善的福利待遇（意外保險(xiǎn)、醫(yī)療保險(xiǎn)等）； </dd>
<dd>廣闊的發(fā)展空間，公平、公開、透明的晉升制度。 </dd>
</dl><br />
<br />
</body>
</html>

【代碼分析】

在代碼中，加粗的部分用<dt></dt>標(biāo)記定義了上層項(xiàng)目“職位要求”和“享受待遇”，并用<dd></dd>標(biāo)記分別定義了其相應(yīng)的下層項(xiàng)目，它們之間以縮進(jìn)的形式使層次清晰，效果如圖所示。

定義列表元素d1運(yùn)行效果