掌握DIV+CSS網(wǎng)頁布局方式，是實現(xiàn)網(wǎng)頁優(yōu)化標準的基礎(chǔ)。在網(wǎng)頁制作時采用CSS技術(shù)，可以有效地對網(wǎng)頁布局、字體、顏色、背景等其他效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變網(wǎng)頁的外觀和格式。采用CSS布局有以下15個優(yōu)勢。
1、大幅度減少網(wǎng)頁代碼，提高網(wǎng)站打開速度，提高瀏覽者的訪問感受；
2、網(wǎng)頁結(jié)構(gòu)清晰，符合搜索引擎抓取習(xí)慣；
3、為以后網(wǎng)站的改版、升級縮短周期，只要簡單地修改幾個CSS文件就可以重新設(shè)計一個擁有成百上千個頁面的站點；
4、強大的字體控制和排版能力；
5、CSS非常容易編寫，可以像寫html代碼一樣輕松編寫CSS；
6、提高易用性。使用CSS可以結(jié)構(gòu)化HTML,如<p>標記只用來控制段落，heading標記只用來控制標題，table標記只用來表現(xiàn)格式化的數(shù)據(jù)等；
7、表現(xiàn)和內(nèi)容相分離，將設(shè)計部分分離出來放在一個獨立樣式文件中；
8、更方便搜索引擎的搜索，用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標記，搜索引擎將更有效地搜索到內(nèi)容；
9、table布局靈活性不大，只能遵循table、tr、td的格式，而Div可以有各種格式；
10、在table布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合在一起，很不直觀。而Div更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強；
11、在幾乎所有的瀏覽器上都可以使用；
12、以前一些必須通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面；
13、使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目；
14、可以輕松地控制頁面的布局；
15、可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地修改了。采用CSS文件編寫的網(wǎng)頁，可以通過修改CSS文件中相對應(yīng)的內(nèi)容，即可實現(xiàn)整個站點相對應(yīng)的變化。 |
