2024-10-23
如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方法來制造網(wǎng)站,盡管此辦法關于我們來說比較熟悉,比較上手;
但是,它卻阻止了一種更好的,更有親和力的,更靈敏的,并且功用更強壯的網(wǎng)站規(guī)劃辦法——DIV+CSS。
CSS網(wǎng)頁布局的含義體現(xiàn)在如下方面:
一,使頁面載入得更快
因為將大部分頁面代碼寫在了CSS當中,使得頁面體積容量變得更小。相關于表格嵌套的方法,DIV+CSS將頁面獨立成更多的區(qū)域,在翻開頁面的時分,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。
二,下降流量費用
頁面體積變小,閱讀速度變快,這就使得關于某些操控主機流量的網(wǎng)站來說是大的優(yōu)勢了。
三,修正規(guī)劃時更有功率
因為運用了DIV+CSS制造辦法,在修正頁面的時分愈加容易省時。依據(jù)區(qū)域內(nèi)容符號,到CSS里找到相應的ID,使得修正頁面的時分愈加方便,也不會破壞頁面其他部分的布局款式。
四,堅持視覺的一致性
DIV+CSS重要的優(yōu)勢之一:堅持視覺的一致性;
以往表格嵌套的制造辦法,會使得頁面與頁面,或者區(qū)域與區(qū)域之間的顯示作用會有誤差。而運用DIV+CSS的制造辦法,將一切頁面,或一切區(qū)域一致用CSS文件操控,就避免了不同區(qū)域或不同頁面體現(xiàn)出的作用誤差。
五,更好地被查找引擎錄入
因為將大部分的HTML代碼和內(nèi)容款式寫入了CSS文件中,這就使得網(wǎng)頁中正文部分更為突出明顯,便于被查找引擎采集錄入。
六,對閱讀者和閱讀器更具親和力
我們都知道網(wǎng)站做出來是給閱讀者運用的,對閱讀者和閱讀器更具親和力,DIV+CSS在這方面更具優(yōu)勢。因為CSS富含豐厚的款式,使頁面愈加靈敏性,它能夠依據(jù)不同的閱讀器,而到達顯示作用的一致和不變形。
說了這么多CSS網(wǎng)頁布局的含義與長處,同時也不能小看
CSS網(wǎng)頁布局的副作用:
一,DIV+CSS盡管不是高不可及,但至少要比表格定位復雜的多,即使關于網(wǎng)站規(guī)劃高手也很容易出現(xiàn)問題,更不要說初學者了。
二,CSS網(wǎng)站制造的規(guī)劃元素通常放在1個外部文件中,或幾個文件,有或許相當復雜,甚至比較巨大,假如CSS文件調(diào)用出現(xiàn)異常,那么整個網(wǎng)站將變得慘不忍睹。
三,盡管說DIV+CSS解決了大部分閱讀器兼容問題,但是也有在部分閱讀器中運用出現(xiàn)異常,比如火狐閱讀器,在IE中顯示正常的頁面,到了火狐閱讀器中或許會面目全非。當然這應該是閱讀器的問題,但是能夠說在目前來看,DIV+CSS還沒有完成一切閱讀器的一致兼容。
四,DIV+CSS對查找引擎優(yōu)化與否,取決于網(wǎng)頁規(guī)劃的專業(yè)水平,而不是DIV+CSS本身。DIV+CSS網(wǎng)頁規(guī)劃并不能確保網(wǎng)頁對查找引擎的優(yōu)化,甚至不能確保必定比HTML網(wǎng)站有更簡潔的代碼規(guī)劃,況且查找引擎關于網(wǎng)頁的錄入和排序明顯不是以是否采用表格和CSS定位來衡量,這就是為什么許多傳統(tǒng)表格布局制造的網(wǎng)站在查找結果中的排序靠前,而許多運用CSS及web標準制造的網(wǎng)頁排名仍然靠后的原因。因為關于查找引擎而言,網(wǎng)站結構,內(nèi)容,相關網(wǎng)站鏈接等要素始終是網(wǎng)站優(yōu)化重要的指標。
歸納以上討論的DIV+CSS優(yōu)勢和略勢,我認為不可盲目跟風。