首頁 > web前端 > H5教程 > HTML5是什麼,HTML5有哪些特性和優缺點?

HTML5是什麼,HTML5有哪些特性和優缺點?

寻∝梦
發布: 2018-08-13 18:17:16
原創
3705 人瀏覽過

最近HTML5非常的火,或許有些朋友不知道HTML5是什麼,這篇文章會為大家詳細的介紹HTML5的一些特色和優點和缺點。

什麼是 HTML5?

#HTML5 是下一代 HTML 標準。

HTML , HTML 4.01的上一個版本誕生於 1999 年。自從那以後,Web 世界已經經歷了巨變。

HTML5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 HTML5 支援。

HTML5是HTML最新的修訂版本,2014年10月由萬維網聯盟(W3C)完成標準制定。

HTML5的設計目的是為了在行動裝置上支援多媒體。

HTML5 簡單易學。

HTML5的優缺點

# 1.網路標準

HTML5本身是由W3C推薦出來的,它的開發是透過Google、蘋果,諾基亞、中國移動等幾百家公司一起醞釀的技術,這個技術最大的好處在於它是一個公開的技術。換句話說,每一個公開的標準都可以根據W3C的資料庫找出根源。另一方面,W3C通過的HTML5標準也意味著每個瀏覽器或每個平台都會去實現。

2.多設備跨平台

用HTML5的優點主要在於,這個技術可以進行跨平台的使用。例如你開發了一款HTML5的遊戲,你可以輕易地移植到UC的開放平台、Opera的遊戲中心、Facebook應用平台,甚至可以透過封裝的技術發放到App Store或Google Play上,所以它的跨平台性非常強大,這也是大多數人對HTML5有興趣的主要原因。

3.自適應網頁設計

很早就有人設想,能不能“一次設計,普遍適用”,讓同一張網頁自動適應不同大小的屏幕,根據螢幕寬度,自動調整佈局(layout)。

2010年,Ethan Marcotte提出了」自適應網頁設計「這個名詞,指可以自動辨識螢幕寬度、並做出相應調整的網頁設計。

這解決了傳統的一種局面-網站為不同的裝置提供不同的網頁,例如專門提供一個mobile版本,或iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網站有多個portal(入口),會大大增加架構設計的複雜度。

4.即時更新

遊戲客戶端每次都要更新,很麻煩。可是更新HTML5遊戲就好像更新頁面一樣,是馬上的、即時的更新。

總結概括HTML5有以下優點:

1、提高可用性和改進用戶的友善體驗;

2、有幾個新的標籤,這將有助於開發人員定義重要的內容;

3、可以為網站帶來更多的多媒體元素(視訊和音訊);

4、可以很好的替代FLASH和Silverlight;

5、當涉及網站的抓取和索引的時候,對於SEO很友好;

6、將被大量應用於行動應用程式和遊戲;

7、可移植性好。

缺點:

這個標準並未能很好的被瀏覽器所支援。因新標籤的引進,各瀏覽器之間將缺少一種統一的資料描述格式,造成使用者體驗不佳。

HTML的特性:

#1.語意特性(Class:Semantic)

HTML5賦予網頁更好的意義和結構。更豐富的標籤將隨著對RDFa的,微資料與微格式等方面的支持,建構對程式、對使用者都更有價值的資料驅動的Web。

2.本地儲存特性(Class: OFFLINE & STORAGE)

#基於HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地儲存功能。 Indexed DB(html5本機儲存最重要的技術之一)和API說明文件。

3.裝置相容特性(Class: DEVICE ACCESS)

#從Geolocation功能的API文件公開以來,HTML5為網頁應用程式開發者提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。 HTML5提供了前所未有的資料與應用程式存取開放介面。使外部應用程式可直接與瀏覽器內部的資料直接相連,例如視訊影音可直接與microphones及攝影機連結。

4.連線特性(Class: CONNECTIVITY)

更有效的連線工作效率,使得基於頁面的即時聊天,更快速的網頁遊戲體驗,更優化的線上交流得到了實現。 HTML5擁有更有效的伺服器推播技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現伺服器將資料「推送」到客戶端的功能。

5.網頁多媒體特性(Class: MULTIMEDIA)

#

支援網頁端的Audio、Video等多媒體功能, 與網站自備的APPS,鏡頭,影音功能相得益彰。

6.三維、圖形及特效特性(Class: 3D, Graphics & Effects)

基於SVG、Canvas、WebGL及CSS3的3D功能,使用者會驚嘆於在瀏覽器中,所呈現的驚人視覺效果。

7.效能與整合特性(Class: Performance & Integration)

沒有使用者會永遠等待你的Loading-HTML5會透過XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的網頁應用程式和網站在多樣化的環境中更快速的工作。

HTML5 中的一些有趣的新功能:

#用於繪畫的canvas 元素

#用於媒介回放的video 和audio 元素

對本地離線儲存的更好的支援

新的特殊內容元素,例如article、footer、header、nav、section

新的表單控件,如calendar、date、time、email、url、search

【相關推薦】

HTML影片詳解




######################### #html的基礎元素,讓你零基礎學習HTML############################

以上是HTML5是什麼,HTML5有哪些特性和優缺點?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板