新聞中心
本文向大家描述一下DIV+CSS布局的缺陷,DIV+CSS布局是網(wǎng)站標準中常用術(shù)語,通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格(table)定位方式的區(qū)別,因為XHTML網(wǎng)站設(shè)計標準中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實現(xiàn)各種定位。

我們擁有十載網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)經(jīng)驗,從網(wǎng)站策劃到網(wǎng)站制作,我們的網(wǎng)頁設(shè)計師為您提供的解決方案。為企業(yè)提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站、微信開發(fā)、微信小程序、成都做手機網(wǎng)站、HTML5建站、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計或者設(shè)計方案要求,我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計服務(wù)并滿足您的需求。
使用DIV+CSS布局網(wǎng)站缺陷
隨著WEB2.0標準化設(shè)計理念的普及,國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法,奮斗網(wǎng)絡(luò)也成為了CSS網(wǎng)頁布局技術(shù)學(xué)習的先鋒站點,從實際應(yīng)用情況來看,此種方法絕對好于表格制作頁面的方法。
如今大部分網(wǎng)站仍然采用表格嵌套內(nèi)容的方式來制作網(wǎng)站,雖然此方法對于我們來說比較熟悉、比較上手;但是,它卻阻礙了一種更好的、更有親和力的、更靈活的,而且功能更強大的網(wǎng)站設(shè)計方法——DIV+CSS布局,不過他也有一些缺陷比較明顯,請看詳細介紹。
一、DIV+CSS布局盡管不是高不可及,但至少要比表格定位復(fù)雜的多,即使對于網(wǎng)站設(shè)計高手也很容易出現(xiàn)問題,更不要說初學(xué)者了。
二、CSS網(wǎng)站制作的設(shè)計元素通常放在1個外部文件中,或幾個文件,有可能相當復(fù)雜,甚至比較龐大,如果CSS文件調(diào)用出現(xiàn)異常,那么整個網(wǎng)站將變得慘不忍睹。
三、雖然說DIV+CSS布局解決了大部分瀏覽器兼容問題,但是也有在部分瀏覽器中使用出現(xiàn)異常,比如火狐瀏覽器,在IE中顯示正常的頁面,到了火狐瀏覽器中可能會面目全非。當然這應(yīng)該是瀏覽器的問題,但是可以說在目前來看,DIV+CSS布局還沒有實現(xiàn)所有瀏覽器的統(tǒng)一兼容。
四、DIV+CSS布局對搜索引擎優(yōu)化與否,取決于網(wǎng)頁設(shè)計的專業(yè)水平,而不是DIV+CSS布局本身。
DIV+CSS布局網(wǎng)頁設(shè)計并不能保證網(wǎng)頁對搜索引擎的優(yōu)化,甚至不能保證一定比HTML網(wǎng)站有更簡潔的代碼設(shè)計,何況搜索引擎對于網(wǎng)頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前,而很多使用CSS及web標準制作的網(wǎng)頁排名依然靠后的原因。因為對于搜索引擎而言,網(wǎng)站結(jié)構(gòu)、內(nèi)容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標。
總結(jié):
綜合以上討論的DIV+CSS布局優(yōu)勢和略勢,我認為不可盲目跟風,如何更有效、更合理的運用WEB2.0設(shè)計標準,這需要很長時間的學(xué)習和鍛煉。而如何將DIV+CSS布局運用的更好,我覺得這需要通過不斷的實踐和體檢,積累豐富的設(shè)計經(jīng)驗,才能很好的掌握這門技術(shù)。
【編輯推薦】
- DIV CSS布局中絕對定位和浮動用法
- CSS導(dǎo)航菜單的四個優(yōu)點
- CSS+DIV相對定位和絕對定位的區(qū)別和聯(lián)系
- CSS屬性display:inline-block使用揭秘
- DIV CSS布局實例:建立Flash上面浮動層
網(wǎng)站題目:使用DIV+CSS布局網(wǎng)站的四大缺陷
文章路徑:http://fisionsoft.com.cn/article/dhgccpg.html


咨詢
建站咨詢
