HTML5能干什么？詳解html5的功能

2020-03-24 16:12:59

字體：大中小

來源：轉載

供稿：網友

目前隨著Html5技術火熱，隨處可見H5的身影。

1.png

那么到底什么是HTML5？HTML5能干什么？在這里也簡單的寫一下我的理解，未必正確，其功能之強大，需要我們不斷的去學習，不斷的探索。技術的這條道路永遠沒有盡頭，只要找到你的樂趣，你會發現無論走多久你都不會累。
先來看看什么是HTML？

HTML（HyperTextMark-upLanguage）即超文本標記語言,也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分?！俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接，甚至音樂、程序等非文字元素。

而HTML5是HTML的第五版本，簡稱H5。再來看看HTML的發展歷史

超文本標記語言
（第一版）——在1993年6月作為互聯網工程工作小組（IETF）工作草案發布（并非標準）：
HTML 2.0——1995年11月作為RFC 1866發布，在RFC 2854于2000年6月發布之后被宣布已經過時
HTML 3.2——1997年1月14日，W3C推薦標準
HTML 4.0——1997年12月18日，W3C推薦標準
HTML 4.01（微小改進）——1999年12月24日，W3C推薦標準
HTML 5——2014年10月28日，W3C推薦標準

那么H5能干什么呢，首先H5的功能很強大，遠不止我知道的這些，在這里我就簡單的說一些我知道的功能吧。也許真的只是H5的冰山一角。

1、HTML5的游戲開發，例如簡單的微信小游戲，打飛機等，也有白鷺egret引擎，還有cocos2d-js等等。
2、網站包括PC端和移動端，響應式網站適配不同的終端。
3、Hybrid App是指介于web-app、native-app這兩者之間的app,它雖然看上去是一個Native App，但只有一個UI WebView，里面訪問的是一個Web App，比如街旁網最開始的應用就是包了個客戶端的殼，其實里面是HTML5的網頁，后來才推出真正的原生應用。
4、基于微信平臺的開發，微信開放JSSDK讓H5的開發人員可以調用底層功能，實現掃一掃，卡卷，微信支付，等操作
5、前不久微信之父張小龍也說，微信將要推出應用號，無需下載，無需更新。H5在這里面將發揮很大的作用。

HTML5能做的還有很多很多，而我也只是知道冰山一角而已。接下來再看看H5比之前html多了些什么功能？
HTML5 中的一些有趣的新特性：

用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search

新應用程序接口（API）

除了原先的DOM接口，HTML5增加了更多API,如：

用于即時2D繪圖的Canvas標簽

定時媒體回放

離線數據庫存儲

文檔編輯

拖拽控制

瀏覽歷史管理

HTML 5有兩大特點:

首先，強化了Web網頁的表現性能。除了可描繪二維圖形外，還準備了用于播放視頻和音頻的標簽。
其次，追加了本地數據庫等Web應用的功能。