中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 技術(shù)文檔 > 網(wǎng)頁(yè)制作 > 定義列表
根本不存在DIV+CSS布局這回事 回到列表 Javascript"籬式"條件判斷
 定義列表

作者:小毅 時(shí)間: 2008-08-04 文檔類型:原創(chuàng) 來自:藍(lán)色理想

原文:http://andymao.com/andy/post/104.html

上一節(jié)有序列表

寫完“無序列表”和“有序列表”之后已經(jīng)有人和我說這兩篇看得沒什么意思。這兩篇文章如果只以單向讀取的形式閱讀那么的確是沒什么意思,但是這兩篇重要的地方就在于要讀者加入自己的思考。有序無序單標(biāo)簽很簡(jiǎn)單,只要知道用法就行,但是關(guān)鍵點(diǎn)我認(rèn)為不在于知道這個(gè)標(biāo)簽長(zhǎng)什么樣,重點(diǎn)是在于什么樣的數(shù)據(jù)適合使用什么樣的列表。什么樣的數(shù)據(jù)是有序的,什么樣的數(shù)據(jù)是無序的?閱讀完要思考,這樣才能學(xué)到東西,知識(shí)才能是自己的。

定義列表其形式特別,用法也很特別,相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒有開始使用這個(gè)列表,那么下面就來分解一下這個(gè)列表的代碼:

<dl>
 <dt></dt>
 <dd></dd>
</dl>

看上面這段代碼我們發(fā)現(xiàn)這里并沒有出現(xiàn)<li>標(biāo)簽,而是由DL、DT、DD三個(gè)標(biāo)簽組成,根據(jù)外型以及之前的列表我們可以知道,DL是這個(gè)列表的一個(gè)容器,就像個(gè)箱子,不同的是這次箱子里不只有統(tǒng)一標(biāo)準(zhǔn)的單個(gè)小盒子了。而是出現(xiàn)兩個(gè)不同的內(nèi)容我們?cè)趺蠢斫膺@個(gè)DT與DD呢?從語義上來講,DT是名稱,是標(biāo)題,而DD是解釋,是內(nèi)容。DT與DD都是盒子,DD只對(duì)應(yīng)解釋他上面的一個(gè)DT,不能越級(jí)或是向下解釋。當(dāng)DT不存在的時(shí)候那么DD也就沒有存在的意義,而DT是否一定需要DD跟隨其后,這點(diǎn)上我還沒有找到確切的文獻(xiàn)可以說明這一點(diǎn),但是以我對(duì)于定義列表的理解,我認(rèn)為如果數(shù)據(jù)中只有DT沒有DD那么這就一不能成為定義列表,直接用UL無序列表就可以了。但是當(dāng)數(shù)據(jù)中只有某一個(gè)或是少數(shù)幾個(gè)沒有DD,而大部分都有DD,那么我認(rèn)為這種形式是可以存在的。

<dl>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 </dl>

以上這種很明顯就不合適了,這樣的形式就是無序列表,何必要用定義列表呢,從語意上也說不通。

<dl>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
 <dt>這一句沒有解釋</dt>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
</dl>

上面這種形式則我個(gè)人認(rèn)為是可行的。那么一個(gè)DT是否可以帶多個(gè)DD呢?這點(diǎn)上我同樣沒有找到文獻(xiàn)說明不可以,并且在一些知名的網(wǎng)站中這種一個(gè)DT帶多個(gè)DD的依然很多。我對(duì)此的看法是,物殊情況下一個(gè)DT帶多個(gè)DD是可以的,但是一般情況上我認(rèn)為這種做法還是有所欠缺。從釋上來看,多個(gè)DD是否表明著多個(gè)解釋?或是解釋內(nèi)容要分段也不需要讓DD來當(dāng)這只抓耗子的狗。一個(gè)DD中完全可以內(nèi)嵌很多個(gè)段落標(biāo)簽。再則從樣式應(yīng)用上來講,多個(gè)DD整體松散,其設(shè)計(jì)的擴(kuò)展性不足。比如,當(dāng)我們要做一個(gè)點(diǎn)擊DT隱藏對(duì)應(yīng)的DD的效果時(shí),這種多DD的做法就不那么好實(shí)現(xiàn)了。所以在不是特殊用途情況下盡可能不要使用一個(gè)DT帶多個(gè)DD的做法,還是把內(nèi)容放在DD里,分段的就讓段落標(biāo)簽去做,分列表的就讓有序或是無序列表去表現(xiàn)。

還是開始講的,標(biāo)簽本身沒什么,重點(diǎn)要思考如何應(yīng)用。下面給一張圖大家看一下是否應(yīng)該使用自定義列表。一起討論一下。

本文鏈接:http://www.95time.cn/tech/web/2008/6050.asp 

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。

相關(guān)文章 更多相關(guān)鏈接
根本不存在DIV+CSS布局這回事
有序列表
無序列表
美化段落文本 Ⅱ
WEB前端開發(fā)經(jīng)驗(yàn)總結(jié) Ⅰ
作者文章 更多作者文章
無序列表
美化段落文本 Ⅱ
美化段落文本 Ⅰ
鏈接與文本標(biāo)簽們
豐富段落里的標(biāo)簽
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺(tái)歷
Ps簡(jiǎn)單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡(jiǎn)單的作品展示頁(yè)面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2