擁抱HTML5
日期 : 2021-11-01 14:37:47
如果你讓我解釋什么是HTML5,我可能會(huì)說(shuō),web開發(fā)者的職責(zé)已經(jīng)悄然轉(zhuǎn)變。我會(huì)假設(shè)你精通HTML(一種標(biāo)記語(yǔ)言)、CSS(以及它的跨瀏覽器兼容)和JAVAscript(和它在各瀏覽器API中的微妙區(qū)別)。然后我的話題會(huì)轉(zhuǎn)到設(shè)計(jì)理論、動(dòng)畫、3D服務(wù)器技術(shù)以及音響工程(譯注:指視頻音頻的播放和攝取)。
沉默片刻之后,你可能想要知道:為什么HTML會(huì)包含如此多的技術(shù)?并想知道為什么自己當(dāng)初選擇了這一行。HTML5(作為一門專業(yè)技術(shù))細(xì)分出了很多技術(shù),囊括了截然不同的領(lǐng)域,所以不要煩惱。對(duì)HTML、CSS和Javascript有一個(gè)堅(jiān)實(shí)的基礎(chǔ),這確保你可以獨(dú)立工作,進(jìn)而發(fā)展一種其他人不具有的特定知識(shí)。也可以說(shuō),你對(duì)HTML5中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無(wú)可替代,這確保你可以獨(dú)立工作,進(jìn)而發(fā)展一種其他人不具有的特定知識(shí)。也可以說(shuō),你對(duì)HTML中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無(wú)可替代。對(duì)于許多炫目的新特性,最佳實(shí)踐還沒有確定下來(lái),所以如果你想學(xué)一些真正酷的東西(并且成為開發(fā)中的明星),是時(shí)候下載一個(gè)最新瀏覽器并開始試驗(yàn)了。大部分瀏覽器廠商都會(huì)放出beta版來(lái)允許開發(fā)者體驗(yàn)最新的技術(shù)。五大瀏覽器都有beta版可供下載。
WHATWG把W3C的很多工作成果直接拿來(lái)用了,而W3C的許可證也確實(shí)授權(quán)如此,因此W3C規(guī)范的許可證中聲明:“你被授權(quán)使用、復(fù)制、以及改進(jìn)這些規(guī)范文檔。”
W3C確實(shí)共享出這些規(guī)范,不過(guò)這些規(guī)范文檔更多的不是創(chuàng)建標(biāo)準(zhǔn),而是提出建議。并且由于W3C是由所有的大型電腦公司和瀏覽器廠商們共同成立的,它致力于開放標(biāo)準(zhǔn),因此它不會(huì)偏袒任何一家公司。因此,作為一個(gè)Web開發(fā)人員,你可以肯定的是,所有HTML的新進(jìn)展(特別是那些與WEB應(yīng)用相關(guān)的)一定會(huì)被瀏覽器廠商們所實(shí)現(xiàn),因?yàn)檫@是他們可觀的收入來(lái)源之一。同時(shí),隨著時(shí)間的推移,這些進(jìn)展也一定會(huì)被W3C所認(rèn)可。
這個(gè)奇怪的關(guān)系導(dǎo)致了那些需要許可費(fèi)或者有著所有權(quán)限制的技術(shù)不被大多數(shù)人看好。瀏覽器之間的競(jìng)爭(zhēng)從一開始就是那么的激烈。
1.2了解應(yīng)該采用哪些技術(shù)
-個(gè)當(dāng)代的Web開發(fā)人員必須了解他們的用戶,為自己的網(wǎng)站選擇正確的技術(shù),并且知道如果某項(xiàng)功能不被用戶的瀏覽器所支持時(shí)會(huì)出現(xiàn)怎樣的效果。
天知道某一個(gè)特定的功能是否被廣泛地支持,所以你應(yīng)該感謝When Canl selsmashed. b/wai'。這個(gè)網(wǎng)頁(yè)列舉了哪些功能是被主流的電腦瀏覽器和移動(dòng)終端瀏覽器的近期版本所支持,以及哪些功能將被未來(lái)的版本所支持。它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正之旅。
1.3文檔類型
你是否還記得HTML4.01(或者XHTML)完整的文檔類型聲明?反正我是不記得。那么,讓我們看一下HTML5的文檔類型。
<!doctype html>
就是僅僅如此,它可以是大寫的,也可以是小寫的。這就是你把瀏覽器設(shè)置成標(biāo)準(zhǔn)模式所需要的全部?jī)?nèi)容。你會(huì)奇怪為什么我們還需要一直復(fù)制粘貼HTML文檔的頭部?jī)?nèi)容。當(dāng)然,多年來(lái)我們一直被HTML的一堆所謂重要的頭部標(biāo)簽搞得非常糾結(jié)?,F(xiàn)在我們看一下在HTML5中還有什么被簡(jiǎn)化了。
1.4META字符集
<meta http-equiv= "Content -Type" content= ”text/html"; charset="utf-8">噢,這是多么復(fù)雜!這個(gè)meta標(biāo)簽非常重要并且要出現(xiàn)在title標(biāo)簽前面,以確保瀏覽器正確地設(shè)置編碼。幸運(yùn)的是,在HTML5中,它被簡(jiǎn)化成容易記憶的一小段。<meta charset="utf-8">一些 XML解析器在處理不閉合的標(biāo)簽時(shí)會(huì)有麻煩,這就是為什么有些Web開發(fā)人員會(huì)比較傾向于使用自閉合的標(biāo)簽(如XHTML的風(fēng)格)。不過(guò)在這里,這完全取決于你自己,但是我們建議讓標(biāo)簽不必閉合。
沉默片刻之后,你可能想要知道:為什么HTML會(huì)包含如此多的技術(shù)?并想知道為什么自己當(dāng)初選擇了這一行。HTML5(作為一門專業(yè)技術(shù))細(xì)分出了很多技術(shù),囊括了截然不同的領(lǐng)域,所以不要煩惱。對(duì)HTML、CSS和Javascript有一個(gè)堅(jiān)實(shí)的基礎(chǔ),這確保你可以獨(dú)立工作,進(jìn)而發(fā)展一種其他人不具有的特定知識(shí)。也可以說(shuō),你對(duì)HTML5中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無(wú)可替代,這確保你可以獨(dú)立工作,進(jìn)而發(fā)展一種其他人不具有的特定知識(shí)。也可以說(shuō),你對(duì)HTML中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無(wú)可替代。對(duì)于許多炫目的新特性,最佳實(shí)踐還沒有確定下來(lái),所以如果你想學(xué)一些真正酷的東西(并且成為開發(fā)中的明星),是時(shí)候下載一個(gè)最新瀏覽器并開始試驗(yàn)了。大部分瀏覽器廠商都會(huì)放出beta版來(lái)允許開發(fā)者體驗(yàn)最新的技術(shù)。五大瀏覽器都有beta版可供下載。
- Google Chrome有3個(gè)非正式版本: Beta (給開發(fā)者) Dev channel (給開發(fā)者,有一周內(nèi)剛加入的新功能). Canary'。
- 蘋果的Safari瀏覽器有一個(gè)版本: Webkit ( webkit.org )
- Opera 有一個(gè)Next版本: smashed.by/operadev
- Firefox有-個(gè)nightly版( smashed.y/fndev )和一個(gè)叫做Aurora的prbeta的( smashed,by/fadev)
- 最后一個(gè)不可忽視的,微軟自己發(fā)布的IE最新版本(不是nightly版): smashed.by/iedev。
- 我們從哪里來(lái),將到哪里去
- WHATWG、W3C和互聯(lián)網(wǎng)公司
WHATWG把W3C的很多工作成果直接拿來(lái)用了,而W3C的許可證也確實(shí)授權(quán)如此,因此W3C規(guī)范的許可證中聲明:“你被授權(quán)使用、復(fù)制、以及改進(jìn)這些規(guī)范文檔。”
W3C確實(shí)共享出這些規(guī)范,不過(guò)這些規(guī)范文檔更多的不是創(chuàng)建標(biāo)準(zhǔn),而是提出建議。并且由于W3C是由所有的大型電腦公司和瀏覽器廠商們共同成立的,它致力于開放標(biāo)準(zhǔn),因此它不會(huì)偏袒任何一家公司。因此,作為一個(gè)Web開發(fā)人員,你可以肯定的是,所有HTML的新進(jìn)展(特別是那些與WEB應(yīng)用相關(guān)的)一定會(huì)被瀏覽器廠商們所實(shí)現(xiàn),因?yàn)檫@是他們可觀的收入來(lái)源之一。同時(shí),隨著時(shí)間的推移,這些進(jìn)展也一定會(huì)被W3C所認(rèn)可。
這個(gè)奇怪的關(guān)系導(dǎo)致了那些需要許可費(fèi)或者有著所有權(quán)限制的技術(shù)不被大多數(shù)人看好。瀏覽器之間的競(jìng)爭(zhēng)從一開始就是那么的激烈。
1.2了解應(yīng)該采用哪些技術(shù)
-個(gè)當(dāng)代的Web開發(fā)人員必須了解他們的用戶,為自己的網(wǎng)站選擇正確的技術(shù),并且知道如果某項(xiàng)功能不被用戶的瀏覽器所支持時(shí)會(huì)出現(xiàn)怎樣的效果。
天知道某一個(gè)特定的功能是否被廣泛地支持,所以你應(yīng)該感謝When Canl selsmashed. b/wai'。這個(gè)網(wǎng)頁(yè)列舉了哪些功能是被主流的電腦瀏覽器和移動(dòng)終端瀏覽器的近期版本所支持,以及哪些功能將被未來(lái)的版本所支持。它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正之旅。
1.3文檔類型
你是否還記得HTML4.01(或者XHTML)完整的文檔類型聲明?反正我是不記得。那么,讓我們看一下HTML5的文檔類型。
<!doctype html>
就是僅僅如此,它可以是大寫的,也可以是小寫的。這就是你把瀏覽器設(shè)置成標(biāo)準(zhǔn)模式所需要的全部?jī)?nèi)容。你會(huì)奇怪為什么我們還需要一直復(fù)制粘貼HTML文檔的頭部?jī)?nèi)容。當(dāng)然,多年來(lái)我們一直被HTML的一堆所謂重要的頭部標(biāo)簽搞得非常糾結(jié)?,F(xiàn)在我們看一下在HTML5中還有什么被簡(jiǎn)化了。
1.4META字符集
<meta http-equiv= "Content -Type" content= ”text/html"; charset="utf-8">噢,這是多么復(fù)雜!這個(gè)meta標(biāo)簽非常重要并且要出現(xiàn)在title標(biāo)簽前面,以確保瀏覽器正確地設(shè)置編碼。幸運(yùn)的是,在HTML5中,它被簡(jiǎn)化成容易記憶的一小段。<meta charset="utf-8">一些 XML解析器在處理不閉合的標(biāo)簽時(shí)會(huì)有麻煩,這就是為什么有些Web開發(fā)人員會(huì)比較傾向于使用自閉合的標(biāo)簽(如XHTML的風(fēng)格)。不過(guò)在這里,這完全取決于你自己,但是我們建議讓標(biāo)簽不必閉合。