設(shè)計(jì)網(wǎng)頁中的自定義列表

  • 2019-09-02 15:36:09
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

顧名思義,自定義列表就是以自定義形式定義的列表。在HTML中自定義列表用<dl>標(biāo)簽表示,在網(wǎng)頁設(shè)計(jì)中,<dl>標(biāo)簽中包含<dt>標(biāo)簽和<dd>標(biāo)簽,一個(gè)

<dt>標(biāo)簽對(duì)應(yīng)多個(gè)或者一個(gè)<dd>標(biāo)簽。HTML結(jié)構(gòu)如下:

<dl>    

<dt>自定義列表標(biāo)題</dt>    

<dd>自定義列表內(nèi)容</dd>

</dl>

或者:

<dl>    

<dt>自定義列表標(biāo)題</dt>    

<dd自定義列表內(nèi)容></dd>    

<dd>自定義列表內(nèi)容</dd>

</dl>

也可以是一組自定義列表項(xiàng)目:

<dl>    

<dt>自定義列表標(biāo)題</dt>    

<dd>自定義列表內(nèi)容</dd>    

<dt>自定義列表標(biāo)題</dt>    

<dd>自定義列表內(nèi)容</dd>    

<dd>自定義列表內(nèi)容</dd>

<dd>自定義列表內(nèi)容</dd>

</dl>

無論是以哪種形式,都應(yīng)該注意下面幾個(gè)問題:   

?<dl>標(biāo)簽必須與<dt>標(biāo)簽相鄰,<dd>標(biāo)簽需要相對(duì)于一個(gè)<dt>標(biāo)簽。  

?<dl>、<dt>、<dd> 3個(gè)標(biāo)簽之間不允許出現(xiàn)其他標(biāo)簽。   

?標(biāo)簽必須是成對(duì)出現(xiàn),嵌套要合理。<dl>標(biāo)簽是自定義列表集合,<dt>是自定義列表標(biāo)題,<dd>是自定義列表的內(nèi)容,因此在網(wǎng)站建設(shè)時(shí)自定義列表<dl>標(biāo)簽一般都出現(xiàn)在名詞性解釋的信息中。

【示例】當(dāng)需要介紹花圃中花的種類時(shí),就可以采用自定義列表的形式。

<div class="flowers">    

<h1>花圃中的花</h1>

<dl>        

<dt>玫瑰花</dt>        

<dd>玫瑰花,一名赤薔薇,為薔薇科落葉灌木。莖多刺。花有紫、白兩種,形似薔被和月季。一般用作蜜餞、糕點(diǎn)等食品的配料?;ò辍⒏魉幱?,入藥多用紫玫瑰。</dd>        

<dt>杜鵑花</dt>        

<dd>中國十大名花之一。在所有觀賞花木之中,稱得上花、葉兼美,地栽、盆栽皆宜,用途最為廣泛的。白居易贊曰:“閑折二枝持在手,細(xì)看不似人間有,花中此物是西施,鞭蓉芍藥皆嫫母”。在世界杜鵑花的自然分布中,種類之多、數(shù)量之巨,沒有一個(gè)能與中國匹敵,中國,乃世界杜鵑花資源的寶庫!今江西、安徽、貴州以杜鵑為省花,定為市花的城市多達(dá)七八個(gè),足見人們對(duì)杜鵑花的厚愛。杜鵑花盛開之時(shí),恰值杜鵑鳥啼之時(shí),古人留下許多詩句和優(yōu)美、動(dòng)人的傳說,并有以花為節(jié)的習(xí)俗。杜鵑花多為灌木或小喬木,因生態(tài)環(huán)境不同,有各自的生活習(xí)性和形狀。最小的植株只有幾厘米高,呈墊狀,貼地面生。最大的高達(dá)數(shù)丈,巍然挺立,蔚為壯觀。</dd>    

</dl>

</div>

制作網(wǎng)頁時(shí),一般列表信息需要添加一個(gè)標(biāo)題,自定義列表<dl>中的內(nèi)容主要是通過自定義列表的標(biāo)題和內(nèi)容讓閱讀者明白該列表介紹的信息。當(dāng)向他人介紹花圃中花的品種時(shí),先說明主題,其次再分別介紹花的種類以及針對(duì)不同種類的花進(jìn)行詳細(xì)的介紹。

當(dāng)前文章標(biāo)題:設(shè)計(jì)網(wǎng)頁中的自定義列表

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3087.html

上一篇:列表信息中的有序列表

下一篇:如何在網(wǎng)頁設(shè)計(jì)中定義列表樣式

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))