教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

web標(biāo)準(zhǔn)對(duì)網(wǎng)頁結(jié)構(gòu)、表現(xiàn)和行為的規(guī)范

更新時(shí)間:2023年07月27日11時(shí)14分 來源:傳智教育 瀏覽次數(shù):

由于不同的瀏覽器對(duì)同一個(gè)網(wǎng)頁文件解析出來的效果可能不一致,為了讓用戶能夠看到正常顯示的網(wǎng)頁,網(wǎng)頁制作人員常常需要為兼容多個(gè)版本的瀏覽器而苦惱,當(dāng)使用新的硬件和軟件開始瀏覽網(wǎng)頁時(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)頁中用到的信息進(jìn)行分類與整理。在結(jié)構(gòu)中用到的技術(shù)主要包括HTML、XML和XHTML。

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

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

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

1688366878287_web標(biāo)準(zhǔn).png

2.表現(xiàn)

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

1688367070064_2.png

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

3.行為

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

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

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

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

1688369538115_行為.png

0 分享到:
和我們?cè)诰€交談!