HTML5
什麼是 HTML5?
HTML5 是下一代 HTML 標(biāo)準(zhǔn)。
HTML5是HTML最新的修訂版本，2014年10月由萬維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。
HTML5 是如何起步的？
HTML5 是 W3C 與 WHATWG 合作的結(jié)果,WHATWG 指 Web Hypertext Application Technology Working Group。 。
WHATWG 致力於 web 表單和應(yīng)用程序，而 W3C 專注於 XHTML 2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來建立一個(gè)新版本的 HTML。
HTML5 中的一些有趣的新功能：
用於繪畫的canvas 元素
用於媒介回放的video 和audio 元素
對(duì)本地離線儲(chǔ)存的更好的支援
新的特殊內(nèi)容元素，例如article、footer、header、nav、section
新的表單控件，例如calendar、date、time、email、url 、search
HTML5 特性
?語意特性（Class：Semantic）???
HTML5賦予網(wǎng)頁更好的意義與結(jié)構(gòu)。更豐富的標(biāo)籤將隨著對(duì)RDFa的，微資料與微格式等方面的支持，建構(gòu)對(duì)程式、對(duì)使用者都更有價(jià)值的資料驅(qū)動(dòng)的Web。?
本地儲(chǔ)存特性（Class: OFFLINE & STORAGE）?
基於HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動(dòng)時(shí)間，更快的連網(wǎng)速度，這些全得益於HTML5 APP Cache，以及本地儲(chǔ)存功能。 Indexed DB（html5本機(jī)儲(chǔ)存最重要的技術(shù)之一）和API說明文件。
裝置相容特性(Class: DEVICE ACCESS)?
從Geolocation功能的API文件公開以來，HTML5為網(wǎng)頁應(yīng)用程式開發(fā)者提供了更多功能上的最佳化選擇，帶來了更多體驗(yàn)功能的優(yōu)勢(shì)。 HTML5提供了前所未有的資料與應(yīng)用程式存取開放介面。使外部應(yīng)用程式可直接與瀏覽器內(nèi)部的資料直接相連，例如視訊影音可直接與microphones及攝影機(jī)連結(jié)。?
連線功能（Class: CONNECTIVITY）?
更有效的連線工作效率，使得基於頁面的即時(shí)聊天，更快速的網(wǎng)頁遊戲體驗(yàn)，更優(yōu)化的線上交流得到了實(shí)現(xiàn)。 HTML5擁有更有效的伺服器推播技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)伺服器將資料「推送」到客戶端的功能。?
網(wǎng)頁多媒體特性(Class: MULTIMEDIA)?
支援網(wǎng)頁端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，鏡頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics & Effects）?
基於SVG、Canvas、WebGL及CSS3的3D功能，使用者會(huì)驚嘆於在瀏覽器中，所呈現(xiàn)的驚人視覺效果。
效能與整合特性（Class: Performance & Integration）?
沒有使用者會(huì)永遠(yuǎn)等待你的Loading－HTML5會(huì)透過XMLHttpRequest2等技術(shù)，幫助您的Web應(yīng)用與網(wǎng)站在多樣化的環(huán)境中更快速的工作。?
CSS3特性(Class: CSS3)?
在不犧牲表現(xiàn)和語意結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。?
編輯本段現(xiàn)況在行動(dòng)裝置開發(fā)HTML5應(yīng)用只有兩種方法，不然就是全使用HTML5的語法，要不就是只使用java script引擎。?
java script引擎的建構(gòu)方法讓製作手機(jī)網(wǎng)頁遊戲成為可能。由於介面層很複雜，已預(yù)訂了一個(gè)UI工具包去使用。?
純HTML5手機(jī)應(yīng)用程式運(yùn)作緩慢且錯(cuò)漏百出，但優(yōu)化後的效果會(huì)改善。儘管不是很多人願(yuàn)意去做這樣的優(yōu)化，但還是可以嘗試。?
HTML5手機(jī)應(yīng)用的最大優(yōu)點(diǎn)就是可以在網(wǎng)頁上直接除錯(cuò)修改。原生應(yīng)用程式的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重複編碼、偵錯(cuò)和運(yùn)行，這是首先要解決的問題。?
HTML5的移植非常簡單，但假設(shè)每個(gè)人都會(huì)讓這變成一個(gè)自動(dòng)化操作。
HTML5 <!DOCTYPE>
<!doctype> 宣告必須位於HTML5 文件中的第一行,使用非常簡單:
HTML5 的改進(jìn)
新元素
新屬性
#完全支援CSS3
Video 和Audio
2D/3D 製圖
本地儲(chǔ)存
本地SQL 資料
Web 應(yīng)用程式
HTML5 多媒體
使用HTML5 你可以簡單的在網(wǎng)頁中播放視頻(video)與音訊(audio) 。
HTML5?<video>
HTML5?<audio>
HTML5 應(yīng)用程式
使用HTML5 你可以簡單地開發(fā)應(yīng)用程式
本機(jī)資料儲(chǔ)存
存取本機(jī)檔案
本機(jī)SQL 資料
快取引用
Javascript 工作者
XHTMLHttpRequest 2
HTML5 圖形
使用HTML5 你可以簡單的繪製圖形:
使用?<canvas>?元素。
使用內(nèi)嵌?SVG。
使用?CSS3 2D 轉(zhuǎn)換、CSS3 3D 轉(zhuǎn)換。
HTML5 使用CSS3
新選擇器
新屬性
動(dòng)畫
#2D/3D 轉(zhuǎn)換
圓角
陰影效果
可下載的字體
了解更多CSS3知識(shí)請(qǐng)查看本站的?CSS3 教學(xué)。
HTML5 瀏覽器支援
最新版本的 Safari、Chrome、Firefox 以及 Opera 支援某些 HTML5 特性。 Internet Explorer 9 將支援某些 HTML5 特性。
HTML5 的優(yōu)勢(shì)和不足
#HTML5的優(yōu)勢(shì)
1、提高可用性和改進(jìn)使用者的友善體驗(yàn)；
2、新標(biāo)籤這將有助於開發(fā)人員定義重要的內(nèi)容；
3、可以為網(wǎng)站帶來更多的多媒體元素(視訊和音訊) ;
4、可以很好的替代FLASH和Silverlight；
5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)於SEO很友好；
6 、大量應(yīng)用於行動(dòng)應(yīng)用程式和遊戲。
?HTML5的不足
# 1、HTML5 本身還在發(fā)展中，它不是用戶應(yīng)用的最迫切需求，更多是廠商試圖改變軟體生態(tài)格局的策略需求。
2、HTML5的相容性受限於各大瀏覽器表現(xiàn)，例如微軟的IE和fireforx之間存在著許多差異。
3、HTML5需要一個(gè)成熟完整的開發(fā)環(huán)境，目前還缺乏。
4、HTML5功能的暴增，瀏覽器必須有一個(gè)高效率的圖形引擎和腳本引擎。
5、HTML5需要?dú)⑹旨?jí)應(yīng)用程式來吸引和引導(dǎo)使用者升級(jí)瀏覽器，最終完成HTML5終端的部署。
