WEB標(biāo)準(zhǔn)學(xué)習(xí),認(rèn)識兩種網(wǎng)頁聲明的含義

即網(wǎng)頁標(biāo)準(zhǔn)推出來以后,我們時(shí)常會看到兩種不同的網(wǎng)頁的聲明,一個(gè)是Dhtml,一個(gè)是Xhtml。如下所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
baidu了一下什么是dhtml?
首先我們看一看微軟中國站點(diǎn)中的一個(gè)重要界面特性——當(dāng)瀏覽者將鼠標(biāo)指針移動(dòng)到頁面導(dǎo)航條上時(shí),會動(dòng)態(tài)地彈出一個(gè)菜單,在該菜單中移動(dòng)鼠標(biāo),所指向的菜單項(xiàng)變?yōu)榧t色顯示;如果將鼠標(biāo)指針移出菜單所在范圍,則菜單自動(dòng)隱藏:如果將鼠標(biāo)指針移動(dòng)到導(dǎo)航條上另外一個(gè)區(qū)域,則會彈出另外一個(gè)菜單。
這種效果非常類似于Windows應(yīng)用程序的特性,即通過圖形化的界面為用戶提供盡可能多的功能。實(shí)際上,采用這種方式可以使同一個(gè)頁面上包含更多的信息,對于微軟中國這樣龐大的站點(diǎn)來說十分有用(實(shí)際上,microsoft.com也是采用這種界面)。
要實(shí)現(xiàn)這種效果,單純依靠HTML和JavaScript已經(jīng)無法實(shí)現(xiàn),必須采用新的技術(shù)——這就是動(dòng)態(tài)HTML。所謂動(dòng)態(tài)HTML(Dynamic HTML,簡稱DHTML),其實(shí)并不是一門新的語言,它只是HTML、CSS和客戶端腳本的一種集成。
DHTML建立在原有技術(shù)的基礎(chǔ)上,可分為三個(gè)方面:
一是HTML,也就是頁面中的各種頁面元素對象,它們是被動(dòng)態(tài)操縱的內(nèi)容;
二是CSS,CSS屬性也是動(dòng)態(tài)操縱的內(nèi)容,從而獲得動(dòng)態(tài)的格式效果;
三是客戶端腳本(例如JavaScript),它實(shí)際操縱Web頁上的HTML和CSS。
使用DHTML技術(shù),可使網(wǎng)頁設(shè)計(jì)者創(chuàng)建出能夠與用戶交互并包含動(dòng)態(tài)內(nèi)容的頁面。實(shí)際上,DHTML使網(wǎng)頁設(shè)計(jì)者可以動(dòng)態(tài)操縱網(wǎng)頁上的所有元素——甚至是在這些頁面被裝載以后。利用DHTML,網(wǎng)頁設(shè)計(jì)者可以動(dòng)態(tài)地隱藏或顯示內(nèi)容、修改樣式定義、激活元素以及為元素定位。DHTML還可使網(wǎng)頁設(shè)計(jì)者在網(wǎng)頁上顯示外部信息,方法是將元素捆綁到外部數(shù)據(jù)源(如文件和數(shù)據(jù)庫)上。所有這些功能均可用瀏覽器完成而無需請求Web服務(wù)器,同時(shí)也無需重新裝載網(wǎng)頁。這是因?yàn)橐磺泄δ芏及贖TML文件中,隨著對網(wǎng)頁的請求而一次性下載到瀏覽器端。
可見,DHTML技術(shù)是一種非常實(shí)用的網(wǎng)頁設(shè)計(jì)技術(shù)。實(shí)際上,DHTML早已廣泛地應(yīng)用到了各類大大小小的網(wǎng)站中,成為高水平網(wǎng)頁必不可少的組成部分。
什么是XHTML?
XHTML是The Extensible HyperText Markup Language(可擴(kuò)展標(biāo)識語言)的縮寫。HTML是一種基本的WEB網(wǎng)頁設(shè)計(jì)語言,XHTML是一個(gè)基于XML的置標(biāo)語言,看起來與HTML有些相象,只有一些小的但重要的區(qū)別,XHTML就是一個(gè)扮演著類似HTML的角色的XML,所以,本質(zhì)上說,XHTML是一個(gè)過渡技術(shù),結(jié)合了部分XML的強(qiáng)大功能及大多數(shù)HTML的簡單性。
2000年底,國際W3C組織(World Wide Web Consortium)組織公布發(fā)行了XHTML 1.0版本。XHTML 1.0是一種在HTML 4.0基礎(chǔ)上優(yōu)化和改進(jìn)的的新語言,目的是基于XML應(yīng)用。XHTML是一種增強(qiáng)了的HTML,它的可擴(kuò)展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強(qiáng)大,完全可以替代HTML,但面對成千上萬已有的基于HTML語言設(shè)計(jì)的網(wǎng)站,直接采用XML還為時(shí)過早。因此,在HTML4.0的基礎(chǔ)上,用XML的規(guī)則對其進(jìn)行擴(kuò)展,得到了XHTML。所以,建立XHTML的目的就是實(shí)現(xiàn)HTML向XML的過渡。目前國際上在網(wǎng)站設(shè)計(jì)中推崇的WEB標(biāo)準(zhǔn)就是基于XHTML的應(yīng)用(即通常所說的CSS+DIV)。
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開始指定并實(shí)行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個(gè)時(shí)間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29