優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

擁抱HTML5

日期 : 2021-11-01 14:37:47
如果你讓我解釋什么是HTML5,我可能會(huì)說,web開發(fā)者的職責(zé)已經(jīng)悄然轉(zhuǎn)變。我會(huì)假設(shè)你精通HTML(一種標(biāo)記語言)、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í)。也可以說,你對(duì)HTML5中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無可替代,這確保你可以獨(dú)立工作,進(jìn)而發(fā)展一種其他人不具有的特定知識(shí)。也可以說,你對(duì)HTML中某種“非核心”的特定技術(shù)的精通會(huì)讓你在團(tuán)隊(duì)和公司中無可替代。對(duì)于許多炫目的新特性,最佳實(shí)踐還沒有確定下來,所以如果你想學(xué)一些真正酷的東西(并且成為開發(fā)中的明星),是時(shí)候下載一個(gè)最新瀏覽器并開始試驗(yàn)了。大部分瀏覽器廠商都會(huì)放出beta版來允許開發(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。
瀏覽器對(duì)新特性的支持正在以一種模塊化的節(jié)奏發(fā)展。一些瀏覽器廠商 (特別是Google和Mozilla )現(xiàn)在以6到8周一個(gè)版本的速度發(fā)布新版本,版本號(hào)不再像以前那么重要。喜歡嘗鮮的開發(fā)者可能會(huì)喜歡這樣的方式。網(wǎng)站會(huì)有-個(gè)版本,但它對(duì)用戶不重要。所以,作為Web開發(fā)者,你要考慮哪些特性可以最好地講述你的故事,并且把你的設(shè)計(jì)轉(zhuǎn)變成活生生的、有呼吸的產(chǎn)品。即使Web技術(shù)在進(jìn)步,我們?nèi)匀灰紤]一些老 式的瀏覽器。值得慶幸的是,HTML標(biāo)準(zhǔn)也考慮到了這一點(diǎn)。所以我們不必改變用戶的訪問路徑,也不用增加一份代碼就可以開始使用HTML5-這真讓 人寬慰。不論你是用什么DOCTYPE,用戶的瀏覽器都會(huì)盡它所能解析頁面。如果你用一個(gè)老式的DOCTYPE加上新的HTML5特性,它仍然可以完全無誤地解析。在這一章中,我們不會(huì)討論WebGL、音頻和視頻、設(shè)備API、Web sockets或者svG。我會(huì)把它們留給你去探索,因?yàn)槊恳灰粋€(gè)話題都可以成為一章。 相反,我們會(huì)引導(dǎo)你進(jìn)入HTML5的世界,告訴你在探索那些高級(jí)話題之前你需要知道的一切。
  1. 我們從哪里來,將到哪里去
HTMLS包括很多東西,直到最近的一次HTML的主要版本為止,我們已經(jīng)走了很長的一段路。網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組( WHATWG )定義HTML5為"HTML:靈活的標(biāo)準(zhǔn)”(它去掉了5)。也就是說,HTML是一-種 與版本無關(guān)的技術(shù)。如前所述,瀏覽器廠商們按照它們自己的喜好去選擇實(shí)現(xiàn)某些功能,這就是為什么瀏覽器對(duì)HTML的支持各不相同。
  1. WHATWG、W3C和互聯(lián)網(wǎng)公司
你可能聽說過萬維網(wǎng)聯(lián)盟( W3C ),也在前幾段文字中看到過WHATWG這個(gè)名詞。WHATWG 是-個(gè)由蘋果公司、Mozilla 和Opera的代表所組成的工作小組,他們擔(dān)心W3C缺少對(duì)于HTML的開發(fā),因此他們決定成立自己的工作小組。
       WHATWG把W3C的很多工作成果直接拿來用了,而W3C的許可證也確實(shí)授權(quán)如此,因此W3C規(guī)范的許可證中聲明:“你被授權(quán)使用、復(fù)制、以及改進(jìn)這些規(guī)范文檔。”
W3C確實(shí)共享出這些規(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)檫@是他們可觀的收入來源之一。同時(shí),隨著時(shí)間的推移,這些進(jìn)展也一定會(huì)被W3C所認(rèn)可。
這個(gè)奇怪的關(guān)系導(dǎo)致了那些需要許可費(fèi)或者有著所有權(quán)限制的技術(shù)不被大多數(shù)人看好。瀏覽器之間的競爭從一開始就是那么的激烈。
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)頁列舉了哪些功能是被主流的電腦瀏覽器和移動(dòng)終端瀏覽器的近期版本所支持,以及哪些功能將被未來的版本所支持。它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正之旅。
       1.3文檔類型
你是否還記得HTML4.01(或者XHTML)完整的文檔類型聲明?反正我是不記得。那么,讓我們看一下HTML5的文檔類型。
<!doctype html>
就是僅僅如此,它可以是大寫的,也可以是小寫的。這就是你把瀏覽器設(shè)置成標(biāo)準(zhǔn)模式所需要的全部內(nèi)容。你會(huì)奇怪為什么我們還需要一直復(fù)制粘貼HTML文檔的頭部內(nèi)容。當(dāng)然,多年來我們一直被HTML的一堆所謂重要的頭部標(biāo)簽搞得非常糾結(jié)?,F(xiàn)在我們看一下在HTML5中還有什么被簡化了。
       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中,它被簡化成容易記憶的一小段。<meta charset="utf-8">一些 XML解析器在處理不閉合的標(biāo)簽時(shí)會(huì)有麻煩,這就是為什么有些Web開發(fā)人員會(huì)比較傾向于使用自閉合的標(biāo)簽(如XHTML的風(fēng)格)。不過在這里,這完全取決于你自己,但是我們建議讓標(biāo)簽不必閉合。
 

相關(guān)文章