2022-08-27 分類(lèi): 網(wǎng)站改版
網(wǎng)站建設(shè)與網(wǎng)站改版需要進(jìn)行DIV+CSS重構(gòu)嗎?我們都知道在網(wǎng)站建設(shè)過(guò)程中是否需要利用DIV+CSS布局、或者網(wǎng)站改版是否需要進(jìn)行DIV+CSS重構(gòu),是乎一直是網(wǎng)絡(luò)服務(wù)業(yè)爭(zhēng)論不休的話(huà)題。
成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)指出確實(shí)在階段如果利用Table布局的網(wǎng)站看不出有什么明顯的問(wèn)題,而且就象很多網(wǎng)絡(luò)公司說(shuō)的那樣,DIV+CSS也確實(shí)不是什么新鮮玩意。然而也正是這么一個(gè)沒(méi)有什么新意的玩意,很多網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)從業(yè)者都不愿意去接受和嘗試,這除了意識(shí)形態(tài)的問(wèn)題,我想跟惰性有關(guān)系:反正飯能吃飽,至于能不能吃好那當(dāng)然也就沒(méi)誰(shuí)去在乎了......
為什么很多網(wǎng)站建設(shè)從業(yè)者不愿意把網(wǎng)站改成DIV+CSS呢?當(dāng)然理由有2種:1、沒(méi)必要;2、太麻煩。
“沒(méi)必要”這個(gè)理由很有意思
DIV是什么?是division,就是區(qū)域、區(qū)塊的意思。在HTML代碼出現(xiàn)的時(shí)候,DIV這個(gè)標(biāo)簽本來(lái)就是用來(lái)做頁(yè)面布局的。大家現(xiàn)在做網(wǎng)頁(yè)、建網(wǎng)站,卻大多使用table來(lái)搭建框架、做頁(yè)面布局。
Table是什么?table是表格的意思,table只應(yīng)該在輸出數(shù)據(jù)、輸入數(shù)據(jù)作為表格、表單的時(shí)候才出現(xiàn)。所以說(shuō),用table來(lái)做網(wǎng)頁(yè)布局本來(lái)就是錯(cuò)誤的。
DIV重構(gòu)網(wǎng)站不但有必要,而且從道理上來(lái)說(shuō)也是必須的:你可以躺在沙發(fā)上睡覺(jué),而且可以睡得很香,如果你愿意的話(huà)您還可以在地板上睡覺(jué),如果習(xí)慣了甚至覺(jué)得地板上睡覺(jué)也蠻舒服的;但媽媽或老師都會(huì)教育你應(yīng)該到床上睡,沒(méi)什么理由,床設(shè)計(jì)出來(lái)就是用來(lái)睡覺(jué)的、而沙發(fā)設(shè)計(jì)出來(lái)就是用來(lái)休息或會(huì)客坐的。
如果把床和沙發(fā)調(diào)換一下功能或者位置,不光是自己、別人也會(huì)覺(jué)得別扭......總之達(dá)到某個(gè)目標(biāo)的的辦法有很多種,我們無(wú)非是要找出快捷、最有效、最讓大家信服的那一種而已。
“太麻煩”這個(gè)理由可以理解
我們給很多企業(yè)做過(guò)網(wǎng)站重構(gòu),并按照Xhtml結(jié)構(gòu)化代碼,使其更加符合W3C標(biāo)準(zhǔn)。因?yàn)閃3C標(biāo)準(zhǔn)正在不斷改變、各瀏覽器對(duì)WEB標(biāo)準(zhǔn)的支持。
重構(gòu)網(wǎng)站要花的精力是驚人的,我認(rèn)為遠(yuǎn)大于新建設(shè)一個(gè)網(wǎng)站。因?yàn)槊坑幸稽c(diǎn)改進(jìn),就要測(cè)試不同瀏覽器(比如IE、Firefox、Opera)、和不同版本的(IE7.0、IE6.0、IE5.0、Firefox1.5、Firefox1.0)兼容性問(wèn)題。而且你必須打開(kāi)3臺(tái)電腦,一臺(tái)電腦上是沒(méi)法同時(shí)查看同一種瀏覽器不同版本的效果的。網(wǎng)站元素越多,出現(xiàn)的問(wèn)題就越多,我們?cè)?jīng)為了重構(gòu)200個(gè)頁(yè)面,花了2個(gè)月的時(shí)間!總之,重構(gòu)一個(gè)網(wǎng)站確實(shí)很麻煩。
為什么要采用DIV+CSS重構(gòu)
如果你給老外做網(wǎng)站,他一般都會(huì)要求你的作品是DIV+CSS的。DIV+CSS重構(gòu)過(guò)的網(wǎng)站主要體現(xiàn)在以下幾個(gè)方面,更多請(qǐng)參考網(wǎng)站使用DIV+CSS布局有什么好處
1、結(jié)構(gòu)清晰:是指網(wǎng)頁(yè)源代碼的結(jié)構(gòu)清晰,不是指客戶(hù)端顯示出來(lái)的網(wǎng)頁(yè)。很多人覺(jué)得網(wǎng)頁(yè)源代碼結(jié)構(gòu)清晰有什么用呢?用戶(hù)又不會(huì)看你的網(wǎng)頁(yè)源代碼!確實(shí),這個(gè)觀(guān)點(diǎn)是成立的,但是結(jié)構(gòu)清晰的網(wǎng)站代碼將更加有利于搜索引擎抓取有用的信息,而且在進(jìn)行團(tuán)隊(duì)開(kāi)發(fā)的時(shí)候更有利于流程和標(biāo)準(zhǔn)的統(tǒng)一、有利于開(kāi)發(fā)團(tuán)隊(duì)相互配合,特別是在進(jìn)行網(wǎng)站改版和結(jié)構(gòu)調(diào)整的時(shí)候。
2、下載速度:DIV+CSS避免了煩瑣、重復(fù)的表格屬性和表格嵌套(Table嵌套),避免半天打不開(kāi)網(wǎng)頁(yè)的情況,而且結(jié)構(gòu)化的、清晰的代碼可大大的減少網(wǎng)站代碼繁瑣度,本身體積也會(huì)變得更小,從而獲得更快的下載速度。
3、易于改版和更新:DIV+CSS采用的是“表現(xiàn)和代碼分離”的模式,這在網(wǎng)站改版和網(wǎng)站更新的時(shí)候就表現(xiàn)得特別明顯,所有的內(nèi)容信息包含在網(wǎng)頁(yè)里,而布局及設(shè)計(jì)元素全在css文件里,如果要進(jìn)行網(wǎng)站結(jié)構(gòu)調(diào)整的話(huà),我們根本無(wú)需要進(jìn)行網(wǎng)頁(yè)和程序的更新,只需要更換CSS文件即可!
特別值得說(shuō)明的是:在一些Web2.0網(wǎng)站建設(shè)中,DIV+CSS采用的“表現(xiàn)和代碼分離”模式就是必須的了,比如百度空間(blog),如果不采用DIV+CSS用戶(hù)根本無(wú)法象現(xiàn)在這樣靈活的定義自己空間/Blog的布局和風(fēng)格。
4、SEO搜索引擎優(yōu)化:幾乎所有SEO網(wǎng)站都采用DIV+CSS布局,因?yàn)?ldquo;有效關(guān)鍵詞占網(wǎng)頁(yè)總代碼的比重”一定會(huì)影響到搜索的結(jié)果和效果。而采用DIV+CSS避免了Table嵌套層次太多無(wú)法被搜索引擎抓取的問(wèn)題;而且簡(jiǎn)潔、結(jié)構(gòu)化的代碼更加有利于突出重點(diǎn)和適合搜索引擎抓取,在網(wǎng)絡(luò)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)中,這點(diǎn)是非常重要。
個(gè)人認(rèn)為DIV+CSS有太多的誤區(qū):很多人認(rèn)為用DIV替換掉Table就是DIV+CSS網(wǎng)站了,這是一個(gè)很大的誤區(qū),也是很多人初學(xué)者都會(huì)做DIV+CSS、但卻做不好的原因。DIV+CSS其實(shí)不是一個(gè)形式的問(wèn)題,而是理念問(wèn)題。DIV+CSS向我們傳達(dá)了“區(qū)塊”、“表現(xiàn)和代碼分離”的網(wǎng)站設(shè)計(jì)理念,因?yàn)榻^大多數(shù)XHTML標(biāo)簽都可以被我們通過(guò)CSS定義為塊,并且賦予豐富的表現(xiàn)形式。但就是這樣的模式,讓我們可以統(tǒng)一的、標(biāo)準(zhǔn)的、結(jié)構(gòu)化的使用XHTML標(biāo)簽,其意義才可以表現(xiàn)出來(lái)。
還是要重復(fù)那句話(huà),達(dá)到一個(gè)目的的方法有很多種,我們?yōu)槭裁床蝗ミx最正確的那一種呢?
當(dāng)前題目:網(wǎng)站建設(shè)與網(wǎng)站改版需要進(jìn)行DIV+CSS重構(gòu)嗎
網(wǎng)頁(yè)URL:http://aaarwkj.com/news7/193407.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、網(wǎng)站改版等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容