App下載

DIV+CSS建立符合WEB標(biāo)準(zhǔn)網(wǎng)頁的好處

猿友 2021-01-09 16:02:08 瀏覽數(shù) (2623)
反饋

使用 DIV+CSS 建立符合 W3C 標(biāo)準(zhǔn)網(wǎng)站對程序員是有非常多的益處的,我們看如下的八條優(yōu)勢。

一、使用 div 的方式進(jìn)行程序的嵌套,特別是使用 php 這樣的代碼嵌套,可以減少出現(xiàn)像 table 中那樣繁重的代碼,對于頁面嵌套可以減少因 table 代碼而帶來的問題。

二、使用 div 對于設(shè)計使用AJAX等的時候,可以減少 Javascript 代碼對于頁面控制時候的復(fù)雜度,因為使用 table 的時候,層次關(guān)系最起碼有三層,table-tr-td 以上,而使用div則基本上只有兩層(div-div)的概念。

三、用 div 對于頁面的定位更準(zhǔn)確,因為使用 div 的代碼的寬度高度等都使用 css 或者頁面的 style 方式控制,即在需要修改一個框(box)的大小、位置時候,可以直接修改 css 的代碼或者該標(biāo)簽的 style 代碼即可實現(xiàn)。而幾乎不用修改其他代碼,但是使用table的情況下,則可能會因為table的位置出現(xiàn)變動,而影響到對整片代碼的修改。

四、在頁面效果來說,由于 Firefox等瀏覽器再對 table 方面進(jìn)行了很多的優(yōu)化,才使得目前 firefox 在處理頁面的輸出時候可以這么接近 IE 的效果,但是在對于一些 table 的排版,用 firefox 會存在一下莫名起碼的以為等問題。這些問題在 IE 中可能不存在,但是在使用Firefox 等其他引擎的瀏覽器就可能會出現(xiàn)了。

五、就是輸出的代碼將更小。由于使用 div 進(jìn)行頁面代碼的組織,而布局由 CSS 等文件進(jìn)行控制,因此從輸出的 html 中產(chǎn)生輸出的代碼要一般比使用 table 的頁面少70%。從系統(tǒng)的負(fù)載上考慮,將會更好解決因為代碼上面的損耗,對維護(hù)系統(tǒng)的穩(wěn)定起到一定的幫助。

六、更方便搜索引擎的搜索,目前的搜索引擎只是對頁面的代碼進(jìn)行分析,因此頁面代碼更小而且有語意頁面,搜索引擎的效能會更高,用戶的文字信息會更容易被搜索引擎進(jìn)行收集,對于 web 網(wǎng)站來說被將會更容易被搜索引擎所引用。

七、無可避免,在頁面的一些位置,我們還是依舊使用 table 方式表現(xiàn),比如說一些商品列表,訂單列表,提交表單等,我們依舊使用 table 的方式來實現(xiàn),因為對于這樣的表格表現(xiàn)形式,使用 div 實現(xiàn)時候還不太成熟。

八、最后 W3C 標(biāo)準(zhǔn)是目前網(wǎng)站開發(fā)的主流,作為專業(yè)的 web開發(fā)團(tuán)隊,哪有理由不使用這種技術(shù)呢!


CSS

0 人點贊