DIV+CSS網(wǎng)站建設，生成的網(wǎng)頁(yè)文件更精簡(jiǎn)發(fā)布者：本站     時(shí)間：2020-04-09 11:04:11

css+div網(wǎng)站建設使內容和形式分離，網(wǎng)頁(yè)前臺只需要顯示內容就行，形式上的美工交給CSS來(lái)處理。生成的HTML文件代碼精簡(jiǎn)，更小打開(kāi)更快。
 　　這個(gè)是DIV+CSS技術(shù)最現著(zhù)的特點(diǎn)，也是CSS存在的根源。完全的顛覆現在傳統(table)網(wǎng)頁(yè)設計的技術(shù)。所有現在用table制作的內容，都可以用CSS來(lái)解決掉，而且解決的更完美，更強大。不需要大家再表格套表格，只需要用div套div就可以實(shí)現以往表格套表格所有的美工，這樣的結果就是使用div+CSS技術(shù)，讓生成的網(wǎng)頁(yè)文件大小更精簡(jiǎn)，更小。table時(shí)代，一個(gè)頁(yè)面表格達到10個(gè)以上是非常普遍的事情，但是現在用DIV+CSS，一個(gè)table都可以不用，就完全達到之前的效果，這就直接導致網(wǎng)頁(yè)文件大小比使用table時(shí)減少50%-80%，更節約各位站長(cháng)的硬盤(pán)空間，訪(fǎng)問(wèn)者打開(kāi)網(wǎng)頁(yè)時(shí)更快，而且用div+CSS時(shí)，不像以往使用table時(shí)，必須把全部table讀取完了才顯示頁(yè)面內容，現在是可以讀一個(gè)div就顯示一個(gè)效果，大家打開(kāi)網(wǎng)頁(yè)不用等。好處真是明顯而強大。
 　　這個(gè)優(yōu)點(diǎn)的確是顯著(zhù)的，凡是使用傳統table建的網(wǎng)頁(yè)，內容多的話(huà)，有時(shí)候達到30K左右都有可能，文件打了打開(kāi)時(shí)，肯定就有0.0幾秒的延遲。使用DIV+CSS,由于沒(méi)有表格使用，你前臺打開(kāi)看到的全是直接內容，CSS文件都是導入鏈接的，是另一個(gè)文件，根本和HTML文件大小沒(méi)關(guān)系，這種生成的HTML文件，一個(gè)也就10K左右大小。文件數量少時(shí)看不出來(lái)，但是文件萬(wàn)級以上時(shí)，還是會(huì )節約幾十M大小的。
 　　這些優(yōu)點(diǎn)其實(shí)拿到現在來(lái)說(shuō)，個(gè)人感覺(jué)用處不大，為什么呢?
 　　因為table雖然生成的HTML文件要大一些，占空間多點(diǎn)，但是現在的虛擬主機空間幾百塊錢(qián)就可以達到3G以上，一個(gè)中小型門(mén)戶(hù)或是網(wǎng)站，完全夠用，就算不夠用，你數據量達到十萬(wàn)級別以上，生成的HTML文件也用不了2G，這個(gè)成本其實(shí)對于中小型網(wǎng)站長(cháng)來(lái)說(shuō)完全可以不計。再說(shuō)使用table說(shuō)的是打開(kāi)速度慢。這個(gè)在現在的網(wǎng)絡(luò )環(huán)境下面來(lái)說(shuō)，也可以忽略的，現在大家上網(wǎng)都是用的寬帶，至少也是512K以上，一個(gè)網(wǎng)頁(yè)30K，打開(kāi)也就一秒不到的時(shí)候，使用DIV+CSS也就快那么0.0幾秒，這基本上是大家感覺(jué)不到的。而且既然都是生成HTML，那對服務(wù)器來(lái)說(shuō)影響的效果是一樣的，只要你的虛擬主機網(wǎng)絡(luò )穩定，那么在table和div+css上就沒(méi)差別。
 　　但是使用table制作網(wǎng)頁(yè)框架和表格時(shí)，全是選擇化制作的，也就是說(shuō)不用大家去寫(xiě)代碼，很簡(jiǎn)單輸入邊框和行數列數就可以達到制作出來(lái)的要求，但是使用div+CSS時(shí)，完全是靠手寫(xiě)代碼，一個(gè)表格寫(xiě)四行代碼的話(huà)，如果一個(gè)頁(yè)面涉及十多個(gè)div表格生成，手寫(xiě)代碼將超過(guò)50行，而且如果你數學(xué)不好，或是邏輯思維能力不強的話(huà)，你手寫(xiě)出來(lái)的表格將是亂78糟，出現表格重疊和位置完全不正確。因為用div+css寫(xiě)表格時(shí)，表格間的邏輯排列關(guān)系完全是靠自己手寫(xiě)代碼判斷，如果你沒(méi)有很強的手寫(xiě)代碼能力和邏輯性，你所花費的時(shí)間，比你用table制作時(shí)間至少是4倍左右?；旧弦粋€(gè)頁(yè)面定義的ID和class類(lèi)，完整頁(yè)面是不會(huì )少于20個(gè)的，一個(gè)ID或class手寫(xiě)5句，你制作一個(gè)HTML頁(yè)面將超過(guò)100句代碼，當然其中很多是可以存成一個(gè)CSS文件來(lái)重復調用的。也就是說(shuō)相同的頁(yè)面內容的話(huà)，排版一樣的情況下，可以直接導入鏈接CSS來(lái)實(shí)現。
 　　這個(gè)就很像之前生成HTML時(shí)，制作一個(gè)網(wǎng)頁(yè)模板。但制作這個(gè)模板花的時(shí)間是用table制作時(shí)的幾倍。這里有些人要說(shuō)，但是我改版的時(shí)候，就只需要再寫(xiě)一個(gè)css就可以了，不用再生成HTML了。那么我要說(shuō)，當你再寫(xiě)一個(gè)CSS文件改版時(shí)，我可能都已經(jīng)用table制作好一個(gè)頁(yè)面模板，而且還自動(dòng)生成HTML全站的頁(yè)面了。這不是不可能的。
 　　如果作為站長(cháng)的你，對于手寫(xiě)代碼不是特別有信心，邏輯思維能力不是特別強，建議還是使用傳統的table制作網(wǎng)頁(yè)更熟練和快捷。