顧名思義,自定義列表就是以自定義形式定義的列表。在HTML中自定義列表用<dl>標簽表示,在網(wǎng)頁(yè)設計中,<dl>標簽中包含<dt>標簽和<dd>標簽,一個(gè)
<dt>標簽對應多個(gè)或者一個(gè)<dd>標簽。HTML結構如下:
<dl>
<dt>自定義列表標題</dt>
<dd>自定義列表內容</dd>
</dl>
或者:
<dl>
<dt>自定義列表標題</dt>
<dd自定義列表內容></dd>
<dd>自定義列表內容</dd>
</dl>
也可以是一組自定義列表項目:
<dl>
<dt>自定義列表標題</dt>
<dd>自定義列表內容</dd>
<dt>自定義列表標題</dt>
<dd>自定義列表內容</dd>
<dd>自定義列表內容</dd>
<dd>自定義列表內容</dd>
</dl>
無(wú)論是以哪種形式,都應該注意下面幾個(gè)問(wèn)題:
?<dl>標簽必須與<dt>標簽相鄰,<dd>標簽需要相對于一個(gè)<dt>標簽。
?<dl>、<dt>、<dd> 3個(gè)標簽之間不允許出現其他標簽。
?標簽必須是成對出現,嵌套要合理。<dl>標簽是自定義列表集合,<dt>是自定義列表標題,<dd>是自定義列表的內容,因此在網(wǎng)站建設時(shí)自定義列表<dl>標簽一般都出現在名詞性解釋的信息中。
【示例】當需要介紹花圃中花的種類(lèi)時(shí),就可以采用自定義列表的形式。
<div class="flowers">
<h1>花圃中的花</h1>
<dl>
<dt>玫瑰花</dt>
<dd>玫瑰花,一名赤薔薇,為薔薇科落葉灌木。莖多刺?;ㄓ凶?、白兩種,形似薔被和月季。一般用作蜜餞、糕點(diǎn)等食品的配料?;ò?、根均作藥用,入藥多用紫玫瑰。</dd>
<dt>杜鵑花</dt>
<dd>中國十大名花之一。在所有觀(guān)賞花木之中,稱(chēng)得上花、葉兼美,地栽、盆栽皆宜,用途最為廣泛的。白居易贊曰:“閑折二枝持在手,細看不似人間有,花中此物是西施,鞭蓉芍藥皆嫫母”。在世界杜鵑花的自然分布中,種類(lèi)之多、數量之巨,沒(méi)有一個(gè)能與中國匹敵,中國,乃世界杜鵑花資源的寶庫!今江西、安徽、貴州以杜鵑為省花,定為市花的城市多達七八個(gè),足見(jiàn)人們對杜鵑花的厚愛(ài)。杜鵑花盛開(kāi)之時(shí),恰值杜鵑鳥(niǎo)啼之時(shí),古人留下許多詩(shī)句和優(yōu)美、動(dòng)人的傳說(shuō),并有以花為節的習俗。杜鵑花多為灌木或小喬木,因生態(tài)環(huán)境不同,有各自的生活習性和形狀。最小的植株只有幾厘米高,呈墊狀,貼地面生。最大的高達數丈,巍然挺立,蔚為壯觀(guān)。</dd>
</dl>
</div>
在制作網(wǎng)頁(yè)時(shí),一般列表信息需要添加一個(gè)標題,自定義列表<dl>中的內容主要是通過(guò)自定義列表的標題和內容讓閱讀者明白該列表介紹的信息。當向他人介紹花圃中花的品種時(shí),先說(shuō)明主題,其次再分別介紹花的種類(lèi)以及針對不同種類(lèi)的花進(jìn)行詳細的介紹。
當前文章標題:設計網(wǎng)頁(yè)中的自定義列表
當前URL:http://amzcoolest.com/news/wzzz/3087.html
上一篇:列表信息中的有序列表