Html5的概念

萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改（這是一項正在進行中的一個草案、外語原文：This is a work in progress !）

HTML5是開放的Web網絡平臺的奠定石

支持Html5的瀏覽器包括 Firefox（火狐瀏覽器）， IE9及其更高版本， Chrome（谷歌瀏覽器）， Safari， Opera等；國內的遨遊瀏覽器（Maxthon），以及基於IE或 Chromium（Chrome的工程版或稱實驗版）所推出的 360瀏覽器、 搜狗瀏覽器、 QQ瀏覽器、 獵豹瀏覽器等國產瀏覽器一樣具有支持HTML5的能力。

在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構建方法讓製做手機網頁遊戲成爲可能。因爲界面層很複雜，已預訂了一個 UI工具包去使用。

純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是不少人願意去作這樣的優化，但依然能夠去嘗試。

HTML5手機應用的最大優點就是能夠在網頁上直接 調試和修改。原先應用的開發人員可能須要花費很是大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。所以也有許多手機雜誌客戶端是基於HTML5標準，開發人員能夠輕鬆調試修改。

 

語義特性（Class：Semantic）

 

HTML5賦予 網頁更好的意義和結構。更加豐富的 標籤將隨着對 RDFa的，微數據與 微格式等方面的支持，構建對 程序、對用戶都更有價值的數據 驅動的 Web。

本地存儲特性（Class: OFFLINE & STORAGE）

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

設備兼容特性 (Class: DEVICE ACCESS)

從 Geolocation功能的API文檔公開以來，HTML5爲網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優點。HTML5提供了史無前例的數據與 應用接入開放接口。使外部應用能夠直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

鏈接特性（Class: CONNECTIVITY）

更有效的鏈接工做效率，使得基於頁面的實時聊天，更快速的網頁遊戲體驗，更優化的在線交流獲得了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性可以幫助咱們實現服務器將數據「推送」到 客戶端的功能。

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

支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS， 攝像頭，影音功能相得益彰。

三維、圖形及特效特性（Class: 3D, Graphics & Effects）

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

性能與集成特性（Class: Performance & Integration）

沒有用戶會永遠等待你的Loading——HTML5會經過 XMLHttpRequest2等技術，解決之前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工做。

CSS3特性(Class: CSS3)

在不犧牲性能和語義結構的前提下， CSS3中提供了更多的風格和更強的效果。此外，較之之前的Web排版，Web的開放字體格式（ WOFF）也提供了更高的靈活性和控制性。

沿革

HTML5提供了一些新的元素和屬性，例如<nav>（網站導航塊）和<footer>。這種標籤將有利於搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此以外，還爲其餘瀏覽要素提供了新的功能，如<audio>和<video>標記。

一、取消了一些過期的 HTML4標記

其中包括純粹顯示效果的標記，如<font>和<center>，它們已經被 CSS取代。

HTML5 吸收了 XHTML2 一些建議，包括一些用來改善文檔結構的功能，好比，新的HTML 標籤 header, footer, dialog, aside, figure 等的使用，將使內容創做者更加語義地建立文檔，以前的開發者在實現這些功能時通常都是使用 div。

二、將內容和展現分離

b 和 i 標籤依然保留，但它們的意義已經和以前有所不一樣，這些標籤的意義只是爲了將一段文字標識出來，而不是爲了爲它們設置粗體或斜體式樣。u，font，center，strike 這些標籤則被徹底去掉了。

三、一些全新的表單輸入對象

包括日期，URL，Email 地址，其它的對象則增長了對非拉丁 字符的支持。HTML5 還引入了微數據，這一使用機器能夠識別的標籤標註內容的方法，使語義Web 的處理更爲簡單。總的來講，這些與結構有關的改進使內容建立者能夠建立更乾淨，更容易管理的網頁，這樣的網頁對搜索引擎，對讀屏軟件等更爲友好。

四、全新的，更合理的Tag

多媒體對象將再也不所有綁定在 object或 embed Tag 中，而是視頻有視頻的Tag，音頻有音頻的 Tag。

五、本地數據庫

這個功能將內嵌一個本地的SQL 數據庫，以加速交互式搜索，緩存以及索引功能。同時，那些離線Web 程序也將所以獲益匪淺。不須要插件的豐富動畫。

六、Canvas 對象

將給瀏覽器帶來直接在上面繪製 矢量圖的能力，這意味着用戶能夠脫離Flash 和Silverlight，直接在瀏覽器中顯示圖形或動畫。

七、瀏覽器中的真正程序

將提供 API 實現瀏覽器內的編輯，拖放，以及各類 圖形用戶界面的能力。內容修飾Tag 將被剔除，而使用CSS。

八、Html5取代Flash在移動設備的地位。

九、其突出的特色就是強化了web頁的表現性,追加了本地數據庫,[3]  

規範

HTML5和Canvas 2D規範的制定已經完成，儘管還不能算是 W3C標準，可是這些規範已經功能完整，企業和開發人員有了一個穩定的執行和規劃目標。

W3C首席執行官Jeff Jaffe表示：「從今天起，企業用戶能夠清楚地知道，他們可以在將來依賴 HTML5。」 HTML5是開放Web標準的基石，它是一個完整的編程環境，適用於跨平臺應用程序、視頻和動畫、圖形、風格、排版和其它數字內容發佈工具、普遍的網絡功能等等。

爲了減小瀏覽器碎片、實現於全部HTML工具的應用， W3C從今天開始着手W3C標準化的互操做性和測試。和以前宣佈的規劃同樣， W3C計劃在2014年完成 HTML5標準。

HTML工做組還發布了 HTML5.一、HTML Canvas 2D Context、Level 2以及主要元素的草案，讓開發人員能提早預覽下一輪標準。

 

網絡標準

HTML5自己是由W3C推薦出來的，它的開發是經過 谷歌、 蘋果， 諾基亞、 中國移動等幾百家公司一塊兒醞釀的技術，這個技術最大的好處在於它是一個公開的技術。換句話說，每個公開的標準均可以根據 W3C的資料庫找尋根源。另外一方面，W3C經過的HTML5標準也就意味着每個瀏覽器或每個平臺都會去實現。

多設備跨平臺

用HTML5的優勢主要在於，這個技術能夠進行跨平臺的使用。好比你開發了一款HTML5的遊戲，你能夠很輕易地移植到UC的開放平臺、Opera的遊戲中心、 Facebook應用平臺，甚至能夠經過封裝的技術發放到App Store或Google Play上，因此它的跨平臺性很是強大，這也是大多數人對HTML5有興趣的主要緣由。

自適應網頁設計

很早就有人設想，能不能「一次設計，廣泛適用」，讓同一張網頁自動適應不一樣大小的屏幕，根據屏幕寬度，自動調整佈局（layout）。

2010年，Ethan Marcotte提出了」自適應網頁設計「這個名詞，指能夠自動識別屏幕寬度、並作出相應調整的網頁設計。

這就解決了傳統的一種局面——網站爲不一樣的設備提供不一樣的網頁，好比專門提供一個mobile版本，或者iPhone / iPad版本。這樣作當然保證了效果，可是比較麻煩，同時要維護好幾個版本，並且若是一個網站有多個portal（入口），會大大增長架構設計的複雜度。

 

總結歸納HTML5有如下優勢：

一、提升可用性和改進用戶的友好體驗；

二、有幾個新的標籤，這將有助於開發人員定義重要的內容；

三、能夠給站點帶來更多的多媒體元素(視頻和音頻)；

四、能夠很好的替代FLASH和Silverlight；

五、當涉及到網站的抓取和索引的時候，對於 SEO很友好；

六、將被大量應用於移動應用程序和遊戲；

七、可移植性好。

 

<video>[7]  標記

定義和用法：

</video> 標籤訂義視頻，好比電影片斷或其餘 視頻流。

<audio> 標記

定義和用法

</audio> 標籤訂義聲音，好比音樂或其餘 音頻流。

實例：

一段簡單的HTML 5 音頻

<audio src="">

您的瀏覽器不支持 audio 標籤。

</audio>

<canvas> 標記

定義和用法：

<canvas> 標籤訂義圖形，好比圖表和其餘圖像。

HTML5 的 canvas 元素使用JavaScript 在網頁上繪製圖像。

畫布是一個矩形區域，您能夠控制其每一像素。

canvas 擁有多種繪製路徑、矩形、圓形、字符以及添加圖像的方法。

 

程序接口

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

1． 用於即時2D繪圖的Canvas標籤

2． 定時媒體回放

3． 離線數據庫存儲

4． 文檔編輯

5． 拖拽控制

6． 瀏覽歷史管理

元素變化

新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

元素的新屬性：日期和時間，email, url。

新的通用屬性：ping, charset, async

全域屬性：id, tabindex, repeat。

移除元素：center, font, strike。

控件

就是Html標註的屬性里加上runat="server"所構成的控件，至於Html標註和Html控件之間的區別很明顯，Html控件是運行於服務器端，Html標註是運行於客戶端。

基本Html控件有：HtmlTexArea\HtmlTable\HtmlImage\HtmlButton\HtmlSelect\HtmlForm\HtmlInput。

自定義的Html控件是根據本身的需求定義。當自主開發效率低，能夠從技術社區、源碼網站下載須要的控件。好比，須要插入table, image, links 等標籤。沒必要本身開發，可使用：ComponentOne Wijmo Editor等。

免費HTML5圖表庫——.Net圖表控件Chart FX，深受你們喜好，相信你們已經很是熟悉了。不過慧都從Chart FX的開發商SoftwareFX得到一個激動人心的消息：該公司已推出一套爲HTML5，jQuery和JavaScript開發者設計的圖表庫——jChartFX，並且jChartFX是免費的！

圖表庫

.Net圖表控件Chart FX相信你們已經很是熟悉了。Chart FX的開發商SoftwareFX推出的一套爲HTML五、jQuery和JavaScript開發者設計的免費HTML5圖表庫——jChartFX！

jChartFX亮點：

1. jChartFX充分利用了HTML5，CSS和SVG，讓您可以在瀏覽器提供美觀優越的圖表和更豐富的最終用戶體驗。
2. jChartFX擁有不少使人振奮的功能，它在無插件純JavaScript的瀏覽器上運行，這意味着在提升了網站安全性和速度的同時，最大程度的減小了網站服務器的負荷。
3. jChartFX還可以自動整合到jQuery UI ThemeRoller，自動讀取並解釋jQuery的主題和CSS文件，可以快速適應您的頁面佈局和設計，無需一行代碼。
4. jChartFX支持JSON，JSON可以幫助您實現，任何數據源中的數據均可以展示到圖表中。
5. jChartFX還支持超過40種的2D、3D圖表類型，免費的圖表控件中支持如此之多的圖表展現類型實屬可貴。

HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發行爲，好比當用戶單擊一個HTML 5元素時啓動一段 JavaScript。下面列出的事件屬性，能夠把它們插入 HTML 標籤來定義事件行爲。

HTML 5 中的新事件屬性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

 

還有好多好多 。。。。。。