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