網(wǎng)站制作NEWS
CSS與HTML內(nèi)容分離的利與弊
好處
1、div css有利于搜索引擎爬蟲:一般而言相同網(wǎng)頁頁面html文件table布局字節(jié)大于div+css布局的字節(jié),所以可以節(jié)約搜索引擎爬蟲爬行下載頁面內(nèi)容時(shí)間。
2、重構(gòu)頁面修改方便(div css改版方便):一般DIV+CSS頁面都是html和css文件分開的也就是說一個(gè)網(wǎng)頁的內(nèi)容與表現(xiàn)形式的分離,一般修改小小部分的css文件里css樣式屬性就可以修改真站的樣式版面,如背景顏色、字體顏色、網(wǎng)站寬度等具有table不具備的方便性。
3、div+css頁面增加網(wǎng)頁打開速度:這里是特性決定了他們的性能,因?yàn)閐iv css頁面是div的html和css文件分開的,而瀏覽器打開該網(wǎng)頁的時(shí)候是同時(shí)下載html和css,所以可以提高網(wǎng)頁打開速度,而table還有個(gè)特性就是瀏覽器打開的時(shí)候必須是瀏覽器下載以
結(jié)束后才顯示該塊的內(nèi)容,而div的html是邊加載邊將內(nèi)容呈現(xiàn)到瀏覽器上,div css網(wǎng)站大大增強(qiáng)用戶體驗(yàn)作用。大家都知道網(wǎng)頁多等1秒鐘都會(huì)降低瀏覽者等待時(shí)間。解析谷歌將網(wǎng)頁加載速度快慢作為影響排名重要因素。
缺點(diǎn):
1、開發(fā)技術(shù)高:要求開發(fā)div css的技術(shù)較高,兼容各瀏覽器及版本瀏覽器要求較高。
2、開發(fā)時(shí)間長:div css布局相對(duì)table布局開發(fā)制作時(shí)間長。
3、開發(fā)成本相對(duì)table高點(diǎn):因?yàn)榧夹g(shù)性及時(shí)間性就決定了div css頁面比table頁面成本高。
多重隨機(jī)標(biāo)簽