什么是Web標(biāo)準(zhǔn)？Web的結(jié)構(gòu)、表現(xiàn)、行為

由于不同的瀏覽器對(duì)同一個(gè)網(wǎng)頁(yè)文件解析出來(lái)的效果可能不一致，為了讓用戶能夠看到正常顯示的網(wǎng)頁(yè)，網(wǎng)頁(yè)制作人員常常需要為兼容多個(gè)版本的瀏覽器而苦惱，當(dāng)使用新的硬件和軟件開始瀏覽網(wǎng)頁(yè)時(shí)，這種情況會(huì)變得更加嚴(yán)重。為了Web更好地發(fā)展，在開發(fā)新的應(yīng)用程序時(shí)，瀏覽器開發(fā)商和站點(diǎn)開發(fā)商共同遵守標(biāo)準(zhǔn)，就顯得很重要，為此W3C與其他標(biāo)準(zhǔn)化組織共同制定了系列的Web標(biāo)準(zhǔn)。

Web標(biāo)準(zhǔn)并不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合，主要包括結(jié)構(gòu)、表現(xiàn)和行為三個(gè)方面。

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

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

XML的目的是為了彌補(bǔ)HTML語(yǔ)言的不足，具有強(qiáng)大的擴(kuò)展性，可用于數(shù)據(jù)的轉(zhuǎn)換和描述。

XHTML的目的是為了實(shí)現(xiàn)HTML語(yǔ)言向XML語(yǔ)言的過(guò)渡，已逐被HTML5所取代。

例如以下四張圖片的結(jié)構(gòu)，使用HTML5搭建，四張圖片按照從上到下的次序羅列，沒(méi)有任何布局樣式。

2.表現(xiàn)

表現(xiàn)是指網(wǎng)頁(yè)展示給訪問(wèn)者的外在樣式，一般包括網(wǎng)頁(yè)的版式、顏色、字體樣式等。在網(wǎng)頁(yè)制作中，通常使用CSS來(lái)設(shè)置網(wǎng)頁(yè)的樣式。

上圖是網(wǎng)頁(yè)焦點(diǎn)輪播圖加入CSS樣式后的效果。

3.行為

行為是指網(wǎng)頁(yè)模型的定義及交互效果的實(shí)現(xiàn)，包括ECMAScript、BOM、DOM三個(gè)部分。

ECMAScript是JavaScript的核心，由ECMA(European ECMAScript Computer Manufacturers Association)國(guó)際聯(lián)合瀏覽器廠商制定。ECMAScript規(guī)定了JavaScript的語(yǔ)法規(guī)則和核心內(nèi)容，是所有瀏覽器廠商共同遵守的一套JavaScript語(yǔ)法標(biāo)準(zhǔn)。

BOM即瀏覽器對(duì)象模型。通過(guò)BOM可以操作瀏覽器窗口。例如，對(duì)話框彈出、導(dǎo)航跳轉(zhuǎn)等。

DOM即文檔對(duì)象模型。DOM允許程序和腳本動(dòng)態(tài)地訪問(wèn)和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。網(wǎng)頁(yè)設(shè)計(jì)者通過(guò)DOM即可對(duì)頁(yè)面中的各種元素進(jìn)行操作。例如，設(shè)置元素的大小、顏色、位置等。