關(guān)于網(wǎng)站制作時的幾個小建議

一， 千萬不要過分追求CSS的“最小化”

　　CSS的重用性注定了會比HTML要“更小”，但使用CSS并不是因為他小才使用他。而是因為CSS能使網(wǎng)頁結(jié)構(gòu)更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼，合并屬性。你如果要追求“網(wǎng)頁更小”，推薦你多了解下各種WEB圖片格式的優(yōu)缺點，以及他們的壓縮優(yōu)化方法。會比你壓縮CSS代碼更有作用。建議CSS的書寫以方便閱讀、結(jié)構(gòu)清晰為重點，而不是為了幾K大小去壓縮和合并代碼，增加后期糾錯和修改的難度。

　　在圖片面前，這些優(yōu)化沒有必要。

二， 關(guān)于圖片切割并不是越小越好

　　為了使網(wǎng)頁逐一顯示，讓用戶能看到網(wǎng)頁LOADING的“等待過程”而將圖片切割得過于細小是一個典型的誤區(qū)。

　　這會帶來兩個方面的問題：服務(wù)器請求數(shù)過多會嚴(yán)重影響服務(wù)器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過于細小，能整合就整合。

　　其實無論你如何切割，越切得小，總?cè)萘亢驼加玫目臻g反而會略大。得不償失!

三，表格并不落后

　　DIV+CSS沒出現(xiàn)以前表格是制作頁面的主要容器?，F(xiàn)在所有瀏覽器都仍然支持HTML的舊標(biāo)簽，并且HTML技術(shù)也是相對成熟的，合理使用表格的一些HTML屬性可以解決一些CSS兼容性問題。W3C標(biāo)準(zhǔn)只是一種指導(dǎo)，沒有必要強求。況且表格的強項是數(shù)據(jù)的呈現(xiàn)，表格可不落后!

四， 父級容器、子級容器各自該帶有什么屬性

　　很多人用子級屬性來控制父級顯示，這是個錯誤的方法(當(dāng)然不是絕對)，常見用子級元素的寬度來控制父級元素的寬，其實父級容器的寬度是被“撐開”的，當(dāng)子級容器的屬性有改變，會影響更多的相鄰元素。他們各自應(yīng)該帶有的屬性，一定不要隨意亂寫。

　　明確容器產(chǎn)生錯誤或LOADING不完全時候也不會影響其相鄰或有關(guān)聯(lián)元素;明確容器屬性是否具有普遍重用性兩大方面來決定父與子容器各自的屬性，會讓網(wǎng)站結(jié)構(gòu)更加有序!

五，關(guān)于容器的概念

　　任何一個元素都是一個容器，只是他們帶有的屬性不一樣而已。比如A同樣能設(shè)計成為DIV，DIV一樣能設(shè)計為SPAN，EM同樣可以變成LI。所以，你可以盡量將他們的屬性統(tǒng)一起來寫到一個容器里，方便修改和管理。不用因為DIV有獨占一行的屬性就額外寫一個DIV來實現(xiàn)獨占一行，其實A也可以實現(xiàn)。

出自  南京網(wǎng)站建設(shè) 恒網(wǎng)企業(yè)上網(wǎng)中心