雖 說Android 平臺開發或者Mac os X 平臺開發以及Windows Phone 7平臺開發。開發的程序都只能在各自手機系統上運行,如果實現開發出一種程序,能再以上任何系統上運行,那是多麼美好的事情。而Html5 Mobile Web App就是其中一種跨平臺方法。下面是相關知識的介紹
HTML5是HTML的最新標準,HTML5的草案已經於2008年發佈,目前W 3 C(萬維網聯盟)正在對此進行進一步完善。對許多人來說,早該進行這種改進了。十多年來,HTML一直沒有進行真正的升級,上一次正式獲得W3C推薦(即Web標準制定過程的最終階段)的標準語言還是2001年的XHTML1.1。此後的這些年,Web開發人員要求升級的呼聲越來越高。因爲HTML和XHTML標準已力不從心,它們以文檔爲中心的理念無法有效地滿足現代Web應用的需要。
2.1什麼是HTML?
HTML(Hypertext Markup Language)是超文本標記語言的英文縮寫,這是一種標記語言,不需要進行編譯,直接由瀏覽器執行。HTML文件是一個文本文件,包含了一些HTML元素、標籤等。目前HTML語言的標準是由 W3C(World Wide Web Consortium)負責制定的。依照規則,無論是何種瀏覽器,對於相同的HTML代碼,應當展現給用戶相同的效果。
2.2什麼是HTML5?
HTML5是下一代Web語言,HTML5是在現在的HTML基礎上提出了許多新的特性,例如嵌入音頻、視頻和圖片的函數、客戶端存 儲數據、交互式文檔等,通過制定如何處理所有HTML元素以及如何從錯誤中恢復的精確規則,HTML5進一步增強了互動性,並有效減少了開發成本,並將引領下一個web實現類似的桌面應用體驗。它的出現消除internet程序對flash,Sliverlight,javaFX等一類瀏覽器插件的依賴。
從感性的角度來看,HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解 析器的應用程序 (如PhoneGap)、支持書籤打開方式的應用程序又或者是移動手機產品(iPhone和iPad)進行的。這種技術的好處就是能重用現有的網頁設計。
從理性的角度來看,HTML5 技術就是使用JavaScript引擎直接控制本地功能,改變移動設備上的瀏覽器組件。而HTML5應用上的表現問題更多是由HTML/CSS渲染技術控 制的,而不是由JavaScript解析生成的。如果使用正確,HTML5技術無疑可以給予你大量新增的表現效果
2.3HTML5前景
如圖,在2012年,將會由W3C發佈候選推薦版,這個版本的發佈就代表着HTML5的規範編寫已經完成了。而2022年推出的計劃推薦版,則意味着至少會有兩個瀏覽器會完全的支持HTML5的所有特性。2022年聽起來似乎很遙遠,但通過觀察現階段chrome, firefox , safari,IE等瀏覽器對HTML5的支持程度,可以看出各大瀏覽器廠商都非常積極。應該不需要到2022年就會有至少兩個瀏覽器支持HTML5。因此現在關注和討論HTML5,瞭解HTML5的新特性,爲以後的產品規劃並非毫無意義。
2.4HTML5的產品與應用
Google的GMail郵箱
3.1移動Web App
手機上網已經成爲最重要的上網方式之一,手機網民已達3億。移動互聯網時代已經開啓,發展勢頭迅猛,成爲互聯網行業的新戰場。 而且手機上網在用戶生活中所佔的比例越來越多。
Android和iOS手機的興起,加速了HTML5在移動設備的普及。與桌面瀏覽器不同的是,移動操作系統和瀏覽器隨着手機的換代而不斷升級。移動瀏覽器的不斷升級,給HTML5在移動Web方向的發展提供源源不斷的動力。也隨着設備性能的不斷提高,移動Web應用的能力也漸漸逼近客戶端應用。
隨着蘋果宣佈不支持Flash,支持Html5,以及微軟下一代系統全面支持Html5,以及剛剛得到消息office15 將支持Html5/JavaScript開發,我們可以預見Html5將帶來一場革命風暴,而它的地位是顯而易見的。
可以從上面調查中可以看到,多個手機操作系統同時存在,而且這個數據是2010年,現在估計未來購買的話,Android還是佔主導,蘋果和Windows Phone 7應該是未來三大主導。這個趨勢應該是一個長期的過程,所以開發出的應用程序能跨越平臺也是越來越重要了。
那麼通過瀏覽器指定通用的規則,只要支持這個規則的瀏覽器都可以使用,這個就是Html5 Web App.只要手機瀏覽器支持Html5瀏覽器,那麼Web App就可以運行了。
3.2開發HTML5 Web App
目前,可以知道HTML5在PC上的應用纔剛剛開始興起,可以說在移動中的應用更是開始起步,國內外在這方面開發與應用都是非常少的,可以用稀少來形容。而HTML5 Web App開發這方面資源也少的可憐,現在開發一般使用兩種框架PhoneGap與Sencha Touch。
PhoneGap是一款開源的手機應用開發平臺,它僅僅只用HTML和JavaScript語言就可以製作出能在多個移動設備上運行的應用。PhoneGap將移動設備本身提供的複雜的API進行了抽象和簡化,提供了一系列豐富的API供開發者調用,只要你會HTML和Javascript或者Java語言,就可以利用PhoneGap提供的API去調用各種功能,PhoneGap就能讓你可以製作出在各種手機平臺上運行的應用。PhoneGap已實現對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支持。
Sencha Touch框架是世界上第一個基於HTML5的Mobile App框架。Sencha是目前爲止所發現的最強大的應用於移動平臺的框架。相信隨着Sencha的出現,移動平臺的Web App用戶體驗設計會得到提升,同時也會對HTML5和CSS3在移動平臺上的普及推廣產生很大的促進作用。可以預見,隨着HTML5愈加強大的功能,未 來的移動應用將會逐漸步入Web App時代,Native App會逐漸走向終結。
可以確信兩點:Html5的未來是光明的,它勢必將引領IT屆的一場變革。隨着移動應用在人類生活文明中的地位越來越高預計將超過PC機,跨平臺的Html5 Web App勢必將是領頭軍。現在纔是一個啓蒙階段,我們有必要在這方面做好相關的準備與研究。
雖 說Android 平臺開發或者Mac os X 平臺開發以及Windows Phone 7平臺開發。開發的程序都只能在各自手機系統上運行,如果實現開發出一種程序,能再以上任何系統上運行,那是多麼美好的事情。而Html5 Mobile Web App就是其中一種跨平臺方法。下面是相關知識的介紹
HTML5是HTML的最新標準,HTML5的草案已經於2008年發佈,目前W 3 C(萬維網聯盟)正在對此進行進一步完善。對許多人來說,早該進行這種改進了。十多年來,HTML一直沒有進行真正的升級,上一次正式獲得W3C推薦(即Web標準制定過程的最終階段)的標準語言還是2001年的XHTML1.1。此後的這些年,Web開發人員要求升級的呼聲越來越高。因爲HTML和XHTML標準已力不從心,它們以文檔爲中心的理念無法有效地滿足現代Web應用的需要。
2.1什麼是HTML?
HTML(Hypertext Markup Language)是超文本標記語言的英文縮寫,這是一種標記語言,不需要進行編譯,直接由瀏覽器執行。HTML文件是一個文本文件,包含了一些HTML元素、標籤等。目前HTML語言的標準是由 W3C(World Wide Web Consortium)負責制定的。依照規則,無論是何種瀏覽器,對於相同的HTML代碼,應當展現給用戶相同的效果。
2.2什麼是HTML5?
HTML5是下一代Web語言,HTML5是在現在的HTML基礎上提出了許多新的特性,例如嵌入音頻、視頻和圖片的函數、客戶端存 儲數據、交互式文檔等,通過制定如何處理所有HTML元素以及如何從錯誤中恢復的精確規則,HTML5進一步增強了互動性,並有效減少了開發成本,並將引領下一個web實現類似的桌面應用體驗。它的出現消除internet程序對flash,Sliverlight,javaFX等一類瀏覽器插件的依賴。
從感性的角度來看,HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解 析器的應用程序 (如PhoneGap)、支持書籤打開方式的應用程序又或者是移動手機產品(iPhone和iPad)進行的。這種技術的好處就是能重用現有的網頁設計。
從理性的角度來看,HTML5 技術就是使用JavaScript引擎直接控制本地功能,改變移動設備上的瀏覽器組件。而HTML5應用上的表現問題更多是由HTML/CSS渲染技術控 制的,而不是由JavaScript解析生成的。如果使用正確,HTML5技術無疑可以給予你大量新增的表現效果
2.3HTML5前景
如圖,在2012年,將會由W3C發佈候選推薦版,這個版本的發佈就代表着HTML5的規範編寫已經完成了。而2022年推出的計劃推薦版,則意味着至少會有兩個瀏覽器會完全的支持HTML5的所有特性。2022年聽起來似乎很遙遠,但通過觀察現階段chrome, firefox , safari,IE等瀏覽器對HTML5的支持程度,可以看出各大瀏覽器廠商都非常積極。應該不需要到2022年就會有至少兩個瀏覽器支持HTML5。因此現在關注和討論HTML5,瞭解HTML5的新特性,爲以後的產品規劃並非毫無意義。
2.4HTML5的產品與應用
Google的GMail郵箱
3.1移動Web App
手機上網已經成爲最重要的上網方式之一,手機網民已達3億。移動互聯網時代已經開啓,發展勢頭迅猛,成爲互聯網行業的新戰場。 而且手機上網在用戶生活中所佔的比例越來越多。
Android和iOS手機的興起,加速了HTML5在移動設備的普及。與桌面瀏覽器不同的是,移動操作系統和瀏覽器隨着手機的換代而不斷升級。移動瀏覽器的不斷升級,給HTML5在移動Web方向的發展提供源源不斷的動力。也隨着設備性能的不斷提高,移動Web應用的能力也漸漸逼近客戶端應用。
隨着蘋果宣佈不支持Flash,支持Html5,以及微軟下一代系統全面支持Html5,以及剛剛得到消息office15 將支持Html5/JavaScript開發,我們可以預見Html5將帶來一場革命風暴,而它的地位是顯而易見的。
可以從上面調查中可以看到,多個手機操作系統同時存在,而且這個數據是2010年,現在估計未來購買的話,Android還是佔主導,蘋果和Windows Phone 7應該是未來三大主導。這個趨勢應該是一個長期的過程,所以開發出的應用程序能跨越平臺也是越來越重要了。
那麼通過瀏覽器指定通用的規則,只要支持這個規則的瀏覽器都可以使用,這個就是Html5 Web App.只要手機瀏覽器支持Html5瀏覽器,那麼Web App就可以運行了。
3.2開發HTML5 Web App
目前,可以知道HTML5在PC上的應用纔剛剛開始興起,可以說在移動中的應用更是開始起步,國內外在這方面開發與應用都是非常少的,可以用稀少來形容。而HTML5 Web App開發這方面資源也少的可憐,現在開發一般使用兩種框架PhoneGap與Sencha Touch。
PhoneGap是一款開源的手機應用開發平臺,它僅僅只用HTML和JavaScript語言就可以製作出能在多個移動設備上運行的應用。PhoneGap將移動設備本身提供的複雜的API進行了抽象和簡化,提供了一系列豐富的API供開發者調用,只要你會HTML和Javascript或者Java語言,就可以利用PhoneGap提供的API去調用各種功能,PhoneGap就能讓你可以製作出在各種手機平臺上運行的應用。PhoneGap已實現對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支持。
Sencha Touch框架是世界上第一個基於HTML5的Mobile App框架。Sencha是目前爲止所發現的最強大的應用於移動平臺的框架。相信隨着Sencha的出現,移動平臺的Web App用戶體驗設計會得到提升,同時也會對HTML5和CSS3在移動平臺上的普及推廣產生很大的促進作用。可以預見,隨着HTML5愈加強大的功能,未 來的移動應用將會逐漸步入Web App時代,Native App會逐漸走向終結。
可以確信兩點:Html5的未來是光明的,它勢必將引領IT屆的一場變革。隨着移動應用在人類生活文明中的地位越來越高預計將超過PC機,跨平臺的Html5 Web App勢必將是領頭軍。現在纔是一個啓蒙階段,我們有必要在這方面做好相關的準備與研究。
轉載於:Html5 Web App 手機跨平臺開發