6.13日(rì)音(yīn)訊,DIV隻是(shì)個(α$δgè)标簽Table也(yě)不(bù)是(shì)一(yī)無是(sh↑↓→ì)處
日(rì)期:2015-06-13發布:首創網絡浏覽:628次
6.13日(rì)音(yīn)訊,DIV隻是(shì)個(gè)标簽Tabl•×e也(yě)不(bù)是(shì)一(yī<<"✘)無是(shì)處,其實大(dà)家(jiā)隻 ₹¶'是(shì)把所有(yǒu)的(de)xhtml标簽,統稱叫做(zuò) α 了(le)div而已,而正是(shì)由于這(zhè)種統稱,錯(cuò)誤 ↕★了(le)引導了(le)大(dà)多(duō)數($α•shù)網站(zhàn)設計(jì)師(shī)的 §α>(de)判斷,以為(wèi)頁面裡(lǐ)隻需要(yào)βγ&使用(yòng)DIV隻個(gè)标簽,充₽ φ其量再象征性的(de)使用(yòng)一(yī)下(xià)ul&→,li足矣···
本文(wén)關鍵字:6.13日(rì),音(yīn)訊,DIV,γ 隻,是(shì)個(gè),标簽,Table,也(yěδ↑),不(bù)是(shì),
6.13日(rì)音(yīn)訊,DIV↑₩隻是(shì)個(gè)标簽Table也(y£πě)不(bù)是(shì)一(yī)無是(shì)處,♦♥≈其實大(dà)家(jiā)隻是(shì)把所有(yǒu)的(de)xhtml≠↕标簽,統稱叫做(zuò)了(le)&ldq↕≠•uo;p”而已,而正是(shì)由于這(zhè)種統稱∑♥♣,錯(cuò)誤了(le)引導了(le)大(dà)多(duō)數(sh↔∞ù)網站(zhàn)設計(jì)師(shīσ♦'&)的(de)判斷,以為(wèi)頁面裡(l÷σǐ)隻需要(yào)使用(yòng)DIV隻個(gè)标簽,充其量再象征→÷•性的(de)使用(yòng)一(yī)下(xià)ε™₹ul,li足矣,如(rú)果是(shì)這(zhè)樣,那(nà)"↕就(jiù)大(dà)錯(cuò)特錯(cuò)了(le),那(nà)就(&∑>₽jiù)完全違背了(le)xhtml創建σ×的(de)初衷。
1、DIV隻是(shì)HTML最常用(yòng)的(₩₽de)标簽之一(yī)
顯然HTML并不(bù)隻是(shì)一(yī)個(gè©✔↓↔)DIV标簽有(yǒu)用(yòng),₩β→<每個(gè)标簽都(dōu)有(yǒu)它的(de)用(yòng)途,邯鄲網絡公司告訴大(dà)家(jiā)隻是(shì)DIV是(shì)其中最有(yǒ♠§u)用(yòng)的(de)一(yī)個(♦≥gè)罷了(le)。如(rú)果DIV可(kěπ∞)以實現(xiàn)所有(yǒu)其它标簽的(de)功能(néng∑↕),那(nà)麽W3C早就(jiù)把HTML¥✔λ✔精簡了(le)!
Table也(yě)不(bù)是(shì ♣)一(yī)無是(shì)處,隻是(shì€π)用(yòng)table比較簡單、容易上(shàng)手才在早期被人(rén≥←)錯(cuò)誤的(de)廣泛推廣。但(dàn)是(shì)table在處♠$€理(lǐ)網頁數(shù)據的(de)表現(xià↓>n)上(shàng),是(shì)其他(t♥Ωā)标簽無法替代的(de),隻是(shì),它不(bù≥↔↔©)适合用(yòng)來(lái)做(zuò)整個(gè)頁面&δ©Ω的(de)布局。
2、代碼的(de)可(kě)讀(dú)性
純DIV+CSS的(de)網站(zhàn)的(d σ §e)代碼的(de)可(kě)讀(dú)性無疑是(shì)非常差® ↑<的(de),甚至table還(hái)可(kě)以通(tōng) ♠™♠過tr和(hé)td來(lái)區(qū)分(fα×ēn)行(xíng)和(hé)列,一(yī)堆DIV堆砌在一(yī)起$ ,如(rú)果沒有(yǒu)注釋,你(n✔σφǐ)根本不(bù)知(zhī)道(dào)某個(gè)部€α分(fēn)是(shì)做(zuò)什(shén)麽用(yòng)的( φσde)。
3、語義化(huà)與結構化(huà)
現(xiàn)在,在開(kāi)發CSS的(↓≠de)時(shí)候,提的(de)越來(lái)越多(duō)的(de'↑¶→)是(shì)語義化(huà),語義化(★'huà)歸根到(dào)底其實還(hái)是>™♠(shì)代碼的(de)可(kě)讀(dú)性問(wèn)題。語義化(₹ huà)就(jiù)是(shì)讓代碼更易讀(dú),更加易懂(dǒng>±),比如(rú),.text_01{color©₽π&:red}就(jiù)沒有(yǒu).text_red{color:re®↔βd}容易理(lǐ)解。
HTML同樣如(rú)此,比如(rú)我們看(kàn)到(dào)
- 就(jiù)知(zhī)道(dào)這(zhè)是(shì)個(gè)有↕φ(yǒu)序列表;看(kàn)到(dào)
标簽就(jiù)知(zhī)道(dào)這(β↔βπzhè)是(shì)一(yī)個(gè)段落,內(nèi)容為(wè★$★i)文(wén)字;看(kàn)到(dào)就(jiù)知(zhī)道(dào)這(zhè)個(gè)是(shì)比γ¥ 還(hái)小(xiǎo)的(de)文(wén)字單位;看(kàn)到(dà" o)、
之類的(de)就(jiù)知(zhī)道€Ω'♥(dào)他(tā)們是(shì)标題。
顯然,全部是(shì)p的(de)頁面,是(shì)看(kà↔¶ n)不(bù)出來(lái)這(zhè)些(xiē)的(de)。
頁面的(de)結構化(huà)亦是(shì)如(rúα)此,比如(rú)
…..
這(zhè)樣的(de)代碼,顯然是(shì)很(hěn)難Ω≤理(lǐ)解其DOM結構的(de),但(dàn)是(shì)★×↑…..
就(jiù)比上(shàng)面的(de)那(nà)個(gè)結構要(yàoγ§↔✔)清晰很(hěn)多(duō)。相(xiàng)信做(zuò)開(kāi)發的(de)人(rén)對☆ (duì)代碼的(de)語義化(huà)和(hé§>≈)結構化(huà)的(de)理(lǐ)解會(huì)更加深刻。
4、團隊合作(zuò)
可(kě)讀(dú)性低(dī)、結構化(huà)和(h≠λ™≤é)語義化(huà)差,團隊的(de)其他(tā)成員(yuán)的(de)學♦σ€∞習(xí)和(hé)維護難度就(jiù)會"ββ(huì)提高(gāo),這(zhè)對(duì)∑σ于一(yī)個(gè)團隊來(lái)說(shuō),是(shì)很(h§¶$£ěn)浪費(fèi)時(shí)間(jiān)和(hé)精力的(de)÷>✔≠。
其實,DIV+CSS的(de)說(shuō)法,已經把我們從(cón§εg)table帶到(dào)了(le)另外(wà♠✔i)的(de)一(yī)個(gè)極端,正确的(de)網頁設計(jγΩ∑ì)不(bù)是(shì)一(yī)個(gè₽ε♦')标簽雄霸天下(xià),而是(shì)每個(gè)元素都(dō♠→u)使用(yòng)合适的(de)标簽。
所以說(shuō),DIV+CSS的(de)運用(yòng)也(yě)是→☆(shì)根據網站(zhàn)的(de)實際需要(↔←yào),做(zuò)出适合的(de)代碼才是(shì)最正确的(de∑∏)。
- 歡迎大(dà)家(jiā)閱讀(dú)浏覽,部分(✔₩¶fēn)內(nèi)容來(lái)源于網絡,如(rú$γ )有(yǒu)侵權,請(qǐng)聯系我α>們删除!
- 上(shàng)一(yī)條:6.13日(rì)音(yīn)訊,網站(zhàn)建設之局域≥≈π&網基礎知(zhī)識介紹
- 下(xià)一(yī)條:6.13日(rì)音(yīn)訊,網站(zhàn)建設中設計(j 'ì)必須注意的(de)23個(gè)問(wèn)題♠ φ
服務項目
熱(rè)門(mén)信息
- 邯鄲網絡公司:模闆建站(zhàn)的(de)好(hǎo)處有(yǒu)哪些(↓÷xiē)?
- 3642024-04-25

- 邯鄲網絡公司:網站(zhàn)建設開(kāi)發有(yǒu)哪些(xiē)細☆→節需要(yào)注意?
- 5402024-03-07

- 邯鄲網絡公司:外(wài)貿網站(zhàn)制(zhì)作(♠αzuò)的(de)8個(gè)步驟
- 3772024-03-05

- 簡單3步,輕松做(zuò)企業(yè)官網
- 6822024-02-18
