财神捕鱼什么时候放水

書名：構建移動網站與APP：HTML 5移動開發入門與實戰（跨平臺移動開發叢書）
作者名：常新峰
本章字數： 1524字
更新時間： 2020-11-29 00:14:04

1.2 認識HTML 5

本節我們開始介紹HTML 5技術的內容，看一看HTML 5的發展歷史及其與XHTML技術的比較。

1.2.1 HTML 5的發展與理念

W3C是一個純粹為了標準化而存在的非營利性組織，可是它也太過于純粹而忽略了各大瀏覽器廠商的利益。在兩年多交涉未果的情況下，來自蘋果、Mozilla基金會以及Opera軟件等的瀏覽器廠商于2004年成立了WHATWG（Web Hypertext Application Technology Working Group，網頁超文本技術工作小組）。不難理解，他們意圖回到超文本標記語言HTML上來。此時的蘋果剛剛成立Safari瀏覽器團隊不久，可見老喬當年的戰略眼光。

WHATWG動作很快，因為他們都是戰斗在第一線的瀏覽器廠商，成立后不久就提出了作為HTML 5草案前身的Web Applications 1.0，那時HTML 5還沒有被正式提出。

WHATWG致力于Web表單和應用程序，而W3C專注于XHTML 2.0?？粗约罕焕渎涞腤3C在2006年10月決定停止XHTML的工作并與WHATWG合作，雙方決定共同創建一個新版本的HTML，并為其建立一些規則：

● 新特性應該基于HTML、CSS、DOM以及JavaScript。

● 減少對外部插件的需求（比如Flash）。

● 更優秀的錯誤處理。

● 更多取代腳本的標記。

● HTML應該獨立于設備。

● 開發進程應對公眾透明。

2007年，蘋果、Mozilla基金會以及Opera軟件建議W3C接受WHATWG的HTML 5，正式提出將新版HTML標準定義為HTML 5。于是HTML 5就正式和大家見面了。

隨著瀏覽器JavaScript引擎大幅提速，人們對HTML 5的預期逐步提高，但那時的HTML 5并沒有真正給人們更多的驚喜。隨著Flashplayer被曝出漏洞、安全、性能之類的負面新聞，人們對HTML 5的關注度又大幅升高。

2007年到2010年，眾人在對HTML 5失落和期待反復交替的日子中度過。

2010年1月，YouTube開始提供HTML 5視頻播放器。

2010年8月，Google聯合Arcade Fire推出了一個HTML 5互動電影：The Wilderness Downtown，此項目由著名作家兼導演Chris Milk創作。之所以叫作互動電影，是因為在開始時電影會問你小時候家住在哪里，而隨后的電影劇情將在這里展開。電影使用Arcade Fire專輯《The Suburbs》中的We Used to Wait作為主題音樂。發布一年后，該電影在戛納廣告大獎賽中獲得了網絡組別的獎項。

2010年4月，喬幫主發表公開信“Flash之我見”。引發Flash和HTML 5陣營之間的空前口水仗，也刺激了瀏覽器廠商。

2012年1月10日在拉斯維加斯正在舉行的CES大會上，微軟CEO鮑爾默宣布了基于IE 9和HTML 5版的割繩子游戲，這是由微軟及游戲開發商ZeptoLab共同推出的，用于促進IE 9的使用以及網頁的美化。

雖然HTML 5也在賣力地表現，但是面對Flash的諸多漏洞、HTML 5的遲遲難產，急性的WHATWG和W3C最終還是割席分家了。

2012年7月，WHATWG工作人員在公告中寫道：“近來，WHATWG和W3C在HTML 5標準上的分歧越來越大。WHATWG專注于發展標準的HTML 5格式及相關技術，并不斷地修正標準中的錯誤；而W3C則想根據自己的開發進程制作出“標準版”HTML 5標準，頒布之后不容許更改，錯誤也無法修正，所以我們決定各自研發。”

這樣的巨變就像王老吉和加多寶一樣，不解釋，只是從此意味著將會有兩個版本的HTML 5——“標準版”和“living版（見圖1.2）”。

圖1.2 WHATWG維護的living版HTML 5

接著W3C提出的規劃是：到2014年底，HTML 5將成為一種完整的成品標準。W3C還計劃到2016年底發布后續版本HTML 5.1。

任何設計都有設計理念，HTML 5也有一些：

● 兼容性。

● 實用性。

● 互通性。

● 訪問性。

存在即合理，歷史上還有相當多的老版HTML文檔，而且不能拋棄?；睘楹喪荋TML 5最實用的改良，無插件設計讓互通性大為增強，支持所有語種讓地球村訪問變得如串門一般簡單。

1.2.2 HTML 5和XHTML的對比

（1）文檔聲明簡化。

        <! --XHTML中這樣寫：-->
        <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <! --HTML 5中這樣寫：-->
        <! DOCTYPE html>

（2）html標簽上不需要聲明命名空間。

        <! --XHTML中這樣寫：-->
        <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
        <! --HTML 5中這樣寫：-->
        <html  lang="zh-CN">

（3）字符集編碼聲明簡化。

        <! --XHTML中這樣寫：-->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <! --HTML 5中這樣寫：-->
        <meta charset="UTF-8" />

（4）style和script標簽type屬性簡化。

        <! --XHTML中這樣寫：-->
        <script type="text/javascript"></script>
        <style type="text/css"></style>
        <! --HTML 5中這樣寫：-->
        <script></script>
        <style></style>

（5）link標簽連接ICON圖片時可指定尺寸。

        <! --XHTML中這樣寫：-->
        <link rel="shortcut icon"  type="image/x-icon"
    />
        <! --HTML 5中這樣寫：-->
        <link rel="icon"  type="image/gif"
    sizes="16x16" />

除此以外，HTML 5沒有XHTML那樣嚴格要求標簽閉合問題。對XHTML不建議使用的b和i等標簽進行重定義，使其擁有語義特征。

● b元素現在描述為在普通文章中僅從文體上突出不包含任何額外信息的一段主要性文本。

● i元素現在描述為在普通文章中突出不同意見、語氣或其他的一段文本。

● u元素現在描述為在普通文章中僅從文體上突出有語法問題或是中文專用名稱的一段文本。

官术网_书友最值得收藏!

構建移動網站與APP：HTML 5移動開發入門與實戰（跨平臺移動開發叢書）

1.2 認識HTML 5

1.2.1 HTML 5的發展與理念

1.2.2 HTML 5和XHTML的對比