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

擁抱HTML5

日期 : 2021-11-01 14:37:47
如果你讓我解釋什么是HTML5,我可能會說,web開發(fā)者的職責(zé)已經(jīng)悄然轉(zhuǎn)變。我會假設(shè)你精通HTML(一種標(biāo)記語言)、CSS(以及它的跨瀏覽器兼容)和JAVAscript(和它在各瀏覽器API中的微妙區(qū)別)。然后我的話題會轉(zhuǎn)到設(shè)計理論、動畫、3D服務(wù)器技術(shù)以及音響工程(譯注:指視頻音頻的播放和攝?。?。
       沉默片刻之后,你可能想要知道:為什么HTML會包含如此多的技術(shù)?并想知道為什么自己當(dāng)初選擇了這一行。HTML5(作為一門專業(yè)技術(shù))細分出了很多技術(shù),囊括了截然不同的領(lǐng)域,所以不要煩惱。對HTML、CSS和Javascript有一個堅實的基礎(chǔ),這確保你可以獨立工作,進而發(fā)展一種其他人不具有的特定知識。也可以說,你對HTML5中某種“非核心”的特定技術(shù)的精通會讓你在團隊和公司中無可替代,這確保你可以獨立工作,進而發(fā)展一種其他人不具有的特定知識。也可以說,你對HTML中某種“非核心”的特定技術(shù)的精通會讓你在團隊和公司中無可替代。對于許多炫目的新特性,最佳實踐還沒有確定下來,所以如果你想學(xué)一些真正酷的東西(并且成為開發(fā)中的明星),是時候下載一個最新瀏覽器并開始試驗了。大部分瀏覽器廠商都會放出beta版來允許開發(fā)者體驗最新的技術(shù)。五大瀏覽器都有beta版可供下載。
  • Google Chrome有3個非正式版本: Beta (給開發(fā)者) Dev channel (給開發(fā)者,有一周內(nèi)剛加入的新功能). Canary'。
  • 蘋果的Safari瀏覽器有一個版本: Webkit ( webkit.org )
  • Opera 有一個Next版本: smashed.by/operadev
  • Firefox有-個nightly版( smashed.y/fndev )和一個叫做Aurora的prbeta的( smashed,by/fadev)
  • 最后一個不可忽視的,微軟自己發(fā)布的IE最新版本(不是nightly版): smashed.by/iedev。
瀏覽器對新特性的支持正在以一種模塊化的節(jié)奏發(fā)展。一些瀏覽器廠商 (特別是Google和Mozilla )現(xiàn)在以6到8周一個版本的速度發(fā)布新版本,版本號不再像以前那么重要。喜歡嘗鮮的開發(fā)者可能會喜歡這樣的方式。網(wǎng)站會有-個版本,但它對用戶不重要。所以,作為Web開發(fā)者,你要考慮哪些特性可以最好地講述你的故事,并且把你的設(shè)計轉(zhuǎn)變成活生生的、有呼吸的產(chǎn)品。即使Web技術(shù)在進步,我們?nèi)匀灰紤]一些老 式的瀏覽器。值得慶幸的是,HTML標(biāo)準(zhǔn)也考慮到了這一點。所以我們不必改變用戶的訪問路徑,也不用增加一份代碼就可以開始使用HTML5-這真讓 人寬慰。不論你是用什么DOCTYPE,用戶的瀏覽器都會盡它所能解析頁面。如果你用一個老式的DOCTYPE加上新的HTML5特性,它仍然可以完全無誤地解析。在這一章中,我們不會討論WebGL、音頻和視頻、設(shè)備API、Web sockets或者svG。我會把它們留給你去探索,因為每一一個話題都可以成為一章。 相反,我們會引導(dǎo)你進入HTML5的世界,告訴你在探索那些高級話題之前你需要知道的一切。
  1. 我們從哪里來,將到哪里去
HTMLS包括很多東西,直到最近的一次HTML的主要版本為止,我們已經(jīng)走了很長的一段路。網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組( WHATWG )定義HTML5為"HTML:靈活的標(biāo)準(zhǔn)”(它去掉了5)。也就是說,HTML是一-種 與版本無關(guān)的技術(shù)。如前所述,瀏覽器廠商們按照它們自己的喜好去選擇實現(xiàn)某些功能,這就是為什么瀏覽器對HTML的支持各不相同。
  1. WHATWG、W3C和互聯(lián)網(wǎng)公司
你可能聽說過萬維網(wǎng)聯(lián)盟( W3C ),也在前幾段文字中看到過WHATWG這個名詞。WHATWG 是-個由蘋果公司、Mozilla 和Opera的代表所組成的工作小組,他們擔(dān)心W3C缺少對于HTML的開發(fā),因此他們決定成立自己的工作小組。
       WHATWG把W3C的很多工作成果直接拿來用了,而W3C的許可證也確實授權(quán)如此,因此W3C規(guī)范的許可證中聲明:“你被授權(quán)使用、復(fù)制、以及改進這些規(guī)范文檔。”
W3C確實共享出這些規(guī)范,不過這些規(guī)范文檔更多的不是創(chuàng)建標(biāo)準(zhǔn),而是提出建議。并且由于W3C是由所有的大型電腦公司和瀏覽器廠商們共同成立的,它致力于開放標(biāo)準(zhǔn),因此它不會偏袒任何一家公司。因此,作為一個Web開發(fā)人員,你可以肯定的是,所有HTML的新進展(特別是那些與WEB應(yīng)用相關(guān)的)一定會被瀏覽器廠商們所實現(xiàn),因為這是他們可觀的收入來源之一。同時,隨著時間的推移,這些進展也一定會被W3C所認可。
這個奇怪的關(guān)系導(dǎo)致了那些需要許可費或者有著所有權(quán)限制的技術(shù)不被大多數(shù)人看好。瀏覽器之間的競爭從一開始就是那么的激烈。
1.2了解應(yīng)該采用哪些技術(shù)
-個當(dāng)代的Web開發(fā)人員必須了解他們的用戶,為自己的網(wǎng)站選擇正確的技術(shù),并且知道如果某項功能不被用戶的瀏覽器所支持時會出現(xiàn)怎樣的效果。
天知道某一個特定的功能是否被廣泛地支持,所以你應(yīng)該感謝When Canl selsmashed. b/wai'。這個網(wǎng)頁列舉了哪些功能是被主流的電腦瀏覽器和移動終端瀏覽器的近期版本所支持,以及哪些功能將被未來的版本所支持。它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正它是可搜索的,甚至可以與Google Analytics 結(jié)合,讓你知道你的用戶正之旅。
       1.3文檔類型
你是否還記得HTML4.01(或者XHTML)完整的文檔類型聲明?反正我是不記得。那么,讓我們看一下HTML5的文檔類型。
<!doctype html>
就是僅僅如此,它可以是大寫的,也可以是小寫的。這就是你把瀏覽器設(shè)置成標(biāo)準(zhǔn)模式所需要的全部內(nèi)容。你會奇怪為什么我們還需要一直復(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ù)雜!這個meta標(biāo)簽非常重要并且要出現(xiàn)在title標(biāo)簽前面,以確保瀏覽器正確地設(shè)置編碼。幸運的是,在HTML5中,它被簡化成容易記憶的一小段。<meta charset="utf-8">一些 XML解析器在處理不閉合的標(biāo)簽時會有麻煩,這就是為什么有些Web開發(fā)人員會比較傾向于使用自閉合的標(biāo)簽(如XHTML的風(fēng)格)。不過在這里,這完全取決于你自己,但是我們建議讓標(biāo)簽不必閉合。
 

相關(guān)文章