Web標(biāo)準(zhǔn)是網(wǎng)站開發(fā)中一系列標(biāo)準(zhǔn)的集合，包括XHTML、XML、CSS、DOM和ECMAScript 等。制定這些標(biāo)準(zhǔn)是為了網(wǎng)站便于維護(hù)，代碼更加簡潔，降低帶寬的運(yùn)行成本，更容易被搜索引擎搜索到，改版方便，不需要變動(dòng)頁面內(nèi)容，提高網(wǎng)站易用性等。Web標(biāo)準(zhǔn)與CSS布局的優(yōu)勢在那些方面呢？下來深圳網(wǎng)站建設(shè)的小編跟大家探討下。

　　什么是Web標(biāo)準(zhǔn)

　　Web標(biāo)準(zhǔn)是由 W3C和其他標(biāo)準(zhǔn)化組織制定的一套規(guī)范集合，目的在于創(chuàng)建統(tǒng)一的用于Web 表現(xiàn)層的技術(shù)標(biāo)準(zhǔn)，以便通過不同的瀏覽器或終端設(shè)備向最終用戶展示信息內(nèi)容。

　　Web標(biāo)準(zhǔn)由一系列規(guī)范組成， 目前的Web標(biāo)準(zhǔn)主要由 3大部分組成：結(jié)構(gòu)(Structure)、表現(xiàn)( Presentation)、行為(Behavior)。真正符合Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)是指能夠靈活使用Web標(biāo)準(zhǔn)對(duì)Web內(nèi)容進(jìn)行結(jié)構(gòu)、表現(xiàn)與行為的分離。

　　1. 結(jié)構(gòu)( Structure)

　　結(jié)構(gòu)用于對(duì)網(wǎng) 頁中用到的信息進(jìn)行分類與整理。在結(jié)構(gòu)中用到的技術(shù)主要包括HTML、XlvlL和XHTML。

　　2. 表現(xiàn)( Presentation)

　　表現(xiàn)用于對(duì)信息進(jìn)行版式、顏色、大小等形式的控制。在表現(xiàn)中用到的技術(shù)主要是CSS 層疊樣式表。

　　3. 行為( Behavior)

　　行為是指文檔內(nèi)部的模型定義及交互行為的編寫，用于編寫交互式的文檔。在行為中用到的技術(shù)主要包括DOM和ECMAScript。

　　DOM( Document Object Model)文檔對(duì)象模型：DOM是瀏覽器與內(nèi)容結(jié)構(gòu)之間溝通的接口，使瀏覽者可以訪問頁面上的標(biāo)準(zhǔn)組件。

　　ECMAScript腳本語言：ECMAScript是標(biāo)準(zhǔn)腳本語言，用于實(shí)現(xiàn)具體界面上對(duì)象的交互操作。

　　CSS布局的優(yōu)勢

　　掌握基于CSS的網(wǎng)頁布局方式，是實(shí)現(xiàn)Web標(biāo)準(zhǔn)的基礎(chǔ)。在制作網(wǎng)頁時(shí)采用CSS技術(shù)，可以有效地對(duì)頁面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確地控制。只要對(duì)相應(yīng)的代碼做一些簡單的修改，就可以改變網(wǎng)頁的外觀和格式。采用CSS布局有以下優(yōu)點(diǎn)。

　　大大縮減頁面代碼，提高頁面瀏覽速度，縮減帶寬成本。

　　結(jié)構(gòu)清晰，容易被搜索引擎搜索到。

　　縮短改版時(shí)間，只要簡單地修改幾個(gè)CSS文件就可以重新設(shè)計(jì)一個(gè)有成百上千頁面的站點(diǎn)。

　　強(qiáng)大的字體控制和排版能力。

　　CSS非常容易編寫，可以像寫HTML代碼一樣輕松地編寫css。

　　提高易用性，使用CSS可以結(jié)構(gòu)化HTML，如p標(biāo)記只用來控制段落，標(biāo)記只用來控制標(biāo)題，table標(biāo)記只用來表現(xiàn)格式化的數(shù)據(jù)等。

　　表現(xiàn)和內(nèi)容相分離，將設(shè)計(jì)部分分離出來放在一個(gè)獨(dú)立的樣式文件中。

　　在幾乎所有的瀏覽器上都可以使用。

　　以前一些必須通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn)，從而可以更快地加載頁面。

　　使頁面的字體變得更漂亮，更容易編排，使頁面賞心悅目。

　　可以輕松地控制頁面的布局。

　　可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新?？梢詫⒄军c(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)中的所有頁面都會(huì)隨之改變。

閱讀本文的人h還閱讀： HTML5語法中的3個(gè)要點(diǎn)