普通的一個頁面無非就是HTML以及CSS和JS等腳本組成，相對以前來說，大家都是用表格（table）來實現(xiàn)頁面的布局，而現(xiàn)在呢，追求的是用層（div）來布局了。很多朋友說用層（div）布局跟用表格（table）布局的差別很大，這個我同意，因為表格（table）是用來體現(xiàn)二維數(shù)據(jù)的。但是既然我們以前能用，而且一直在用，也就說明表格（table）布局還是可以的。但是為什么我們現(xiàn)在要用用層（div）來布局呢？因為我們要讓HTML的每個標(biāo)簽都能在語義上很好的體現(xiàn)出來，即使看源代碼也能很明了它的作用。
想想以前，什么CSS樣式、什么HTML代碼都不管，只要能在FrontPage或者DreamWeaver上制作出頁面上要體現(xiàn)的效果就可以了。而現(xiàn)在呢，大家放棄了FrontPage，為什么？因為FrontPage會產(chǎn)生很多無用的代碼，影響代碼的可讀性。既然注意到了這點，那么現(xiàn)在的重構(gòu)，標(biāo)準(zhǔn)，是為了什么呢，還不是為了在代碼上的一個可讀性嗎？
都說重構(gòu)后的站是要把表現(xiàn)和結(jié)構(gòu)分離，那把所有表現(xiàn)跟結(jié)構(gòu)都分離就完事了嗎？不！我們還要把表現(xiàn)的內(nèi)容利用，而且是反復(fù)利用，不是用過一次就不要了。如果把要表現(xiàn)的內(nèi)容當(dāng)做一次性筷子用過一次后就不要了，那重構(gòu)你的站點似乎意義不大，反而讓你的樣式文件變多變大。要把表現(xiàn)的內(nèi)容反復(fù)利用起來，在結(jié)構(gòu)上要做的事情也將影響到樣式的調(diào)用，而且如果能將每個結(jié)構(gòu)的語義用很貼切的標(biāo)簽來體現(xiàn)，那對源代碼的可讀性也是一個很大的提升。
曾經(jīng)看過一位朋友重構(gòu)后的站點，他是一個<div></div>將頁面所有的內(nèi)容都包含在里面，當(dāng)時我就在想，這樣做有什么意義呢？是不是跟當(dāng)初的用一個<table></table>將頁面的所有內(nèi)容包含在里面一樣呢？這樣做并不是說不可以，也并沒有錯，只是我們在結(jié)構(gòu)上并不需要這樣做，不是嗎？一般最常見的是上（頭部）中（內(nèi)容）下（版權(quán)信息）三個部分，相對這樣的，我們可以用三個<div></div>來實現(xiàn)。
<div id=”pageTop”></div>
<div id=”pageContent”></div>
<div id=”pageBottom”></div>
相對這樣來說，總比<div></div>一個大大的框來約束內(nèi)容來得強(qiáng)。
最后要說一下的就是，現(xiàn)在瀏覽器不統(tǒng)一，支持的內(nèi)容不同，雖然我們可以用hack的方法來實現(xiàn)我們要的東西，不過我們?yōu)槭裁床簧宰鳇c犧牲呢。如果對版面的影響不大的話，是否可以放棄使用hack的方法呢？難道你的客戶會去用不同的瀏覽器看看效果做對比嗎？hack用得多了，只會對后期的修改上帶來麻煩。
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號