《Cocos Creator游戲開發實戰》 ——2.3　HTML5基本介紹和項目導出

2.3　HTML5基本介紹和項目導出

Cocos Creator支持Web平臺的游戲項目的導出，Android平臺和iOS的打包和導出都是需要配置環境的，而Web，也就是HTML5平臺與之前介紹的兩個原生平臺稍有不同，Cocos Creator直接支持Web項目的導出，所以本節的題目和前兩節相比稍有不同，本節主要介紹HTML5平臺，并介紹它的導出方式。

2.3.1　HTML5簡介

HTML5是繼1999年HTML 4.01發布以后的一個新標準，包括一些新的標簽，如：canvas和video等，這些可以替代之前的第三方插件的實現。因為這些新的功能，HTML5受到廣泛關注，直到2008年HTML5 的第一份正式草案正式公布。

目前HTML5仍然處于不斷完善階段，但是已經得到很多主流瀏覽器的支持，包括Firefox、IE 9、Chrome、Safari等。HTML5的標志如圖2-6所示。

究竟是什么原因使得HTML5如此受歡迎呢？這就要從HTML5的特點說起。總體來說，HTML5不僅提升了網頁的表現性能，還將之前HTML需要添加第三方插件的多媒體功能通過標簽添加到HTML5的功能中，對于游戲的開發，HTML5添加了canvas畫布標簽。

HTML5的具體特點如下。

（1）全新的結構內容元素

在HTML5之前，無論網頁的內容多么復雜，都必須采用div和span這樣的文檔概念設計文檔結構，HTML5提供了許多新的元素，解決結構內容元素單一的問題，新加入了頁眉元素（header）、分組元素（hgroup）、頁腳元素（footer）、導航菜單元素（nav）、文章元素（article）和引文元素（aside）等結構元素，圖像代碼元素（figure）、標題元素（figcaption）、引用元素（mark）和時間元素（time）等內容元素。這些全新的結構內容元素會使得網頁開發更加便捷。

（2）全新的表單設計

在處理表單時，開發人員經常對表單驗證和安全檢察的復雜性深有感觸，這是由于表單的空間較少，驗證表單和實現智能必須采用javaScript。HTML5改變了這種情況，不僅支持瀏覽器驗證的驗證方式，還可以通過input組件的type類型來控制組件的類型，同時，表單還有其他許多的輸入類型、屬性和特性。

（3）HTML5的媒體工程非常強大易用

在HTML5標準中，開發人員不需要依賴專用的技術就能夠創建這些媒體內容，也不需要使用外部插件，這些元素都具有開放的javaScript API，可以簡化對媒體元素的控制，這也是HTML5的核心目標。

在媒體控制的元素中包括音頻播放元素（audio）、視頻播放元素（video）和對網頁游戲開發有跨時代意義的圖形繪制畫布元素（canvas）。canvas元素不僅簡單易用，而且通過JavaScript API和一些創新運用，canvas本身可以成為一個能夠創建動態圖形和交互體驗的強大工具。

HTML5的優勢如下。

1）提高可用性和改進用戶的友好體驗。

2）可以給網站帶來更多的多媒體元素。

3）對網站的抓取和索引友好。

4）適用于移動應用程序和游戲。

5）對開發者來說更易用。

HTML5的性能讓它的前景很美好，但是標準在定義的過程中也會出現這樣那樣的問題，也會出現對部分標準的分歧，盡管如此，未來HTML5無論在移動平臺還是在網頁開發中都會有自己的一席之地。

javascript

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。