更新時間:2023-07-03 來源:黑馬程序員 瀏覽量:
由于不同的瀏覽器對同一個網(wǎng)頁文件解析出來的效果可能不一致,為了讓用戶能夠看到正常顯示的網(wǎng)頁,網(wǎng)頁制作人員常常需要為兼容多個版本的瀏覽器而苦惱,當使用新的硬件和軟件開始瀏覽網(wǎng)頁時,這種情況會變得更加嚴重。為了Web更好地發(fā)展,在開發(fā)新的應(yīng)用程序時,瀏覽器開發(fā)商和站點開發(fā)商共同遵守標準,就顯得很重要,為此W3C與其他標準化組織共同制定了系列的Web標準。
Web標準并不是某一個標準,而是一系列標準的集合,主要包括結(jié)構(gòu)、表現(xiàn)和行為三個方面。
1.結(jié)構(gòu)
結(jié)構(gòu)用于對網(wǎng)頁中用到的信息進行分類與整理。在結(jié)構(gòu)中用到的技術(shù)主要包括HTML、XML和XHTML。
XML的目的是為了彌補HTML語言的不足,具有強大的擴展性,可用于數(shù)據(jù)的轉(zhuǎn)換和描述。
XHTML的目的是為了實現(xiàn)HTML語言向XML語言的過渡,已逐被HTML5所取代。
例如以下四張圖片的結(jié)構(gòu),使用HTML5搭建,四張圖片按照從上到下的次序羅列,沒有任何布局樣式。
2.表現(xiàn)
表現(xiàn)是指網(wǎng)頁展示給訪問者的外在樣式,一般包括網(wǎng)頁的版式、顏色、字體樣式等。在網(wǎng)頁制作中,通常使用CSS來設(shè)置網(wǎng)頁的樣式。
上圖是網(wǎng)頁焦點輪播圖加入CSS樣式后的效果。
3.行為
行為是指網(wǎng)頁模型的定義及交互效果的實現(xiàn),包括ECMAScript、BOM、DOM三個部分。
ECMAScript是JavaScript的核心,由ECMA(European ECMAScript Computer Manufacturers Association)國際聯(lián)合瀏覽器廠商制定。ECMAScript規(guī)定了JavaScript的語法規(guī)則和核心內(nèi)容,是所有瀏覽器廠商共同遵守的一套JavaScript語法標準。
BOM即瀏覽器對象模型。通過BOM可以操作瀏覽器窗口。例如,對話框彈出、導航跳轉(zhuǎn)等。
DOM即文檔對象模型。DOM允許程序和腳本動態(tài)地訪問和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。網(wǎng)頁設(shè)計者通過DOM即可對頁面中的各種元素進行操作。例如,設(shè)置元素的大小、顏色、位置等。