GOGOGO高清视频高清大全,自愉自愉产区二十四区,麻豆国产尤物av尤物在线观看

標準通用標記語言下的一個應用HTML標準自1999年12月發布的HTML4.01后，后繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發展，一些公司聯合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web超文本應用技術工作組 -WHATWG）的組織。WHATWG 致力于 Web 表單和應用程序，而W3C（World Wide Web Consortium，萬維網聯盟）專注于XHTML2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。[2]

HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。

HTML 5 的第一份正式草案已于2008年1月22日公布[3]。HTML5 仍處于完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。

2012年12月17日，萬維網聯盟（W3C）正式宣布凝結了大量網絡工作者心血的HTML5規范已經正式定稿[4]。根據W3C的發言稿稱：“HTML5是開放的Web網絡平臺的奠基石。”

2013年5月6日， HTML 5.1[5]正式草案公布。該規范定義了第五次重大版本，第一次要修訂萬維網的核心語言：超文本標記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。

本次草案的發布，從2012年12月27日至今，進行了多達近百項的修改，包括HTML和XHTML的標簽，相關的API、Canvas等，同時HTML5的圖像img標簽及svg也進行了改進，性能得到進一步提升。

支持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>標記。

1、取消了一些過時的HTML4標記

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

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

2、將內容和展示分離

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

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

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

4、全新的，更合理的Tag

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

5、本地數據庫

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

6、Canvas 對象

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

7、瀏覽器中的真正程序

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

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

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

規范

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

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

為了減少瀏覽器碎片、實現于所有HTML工具的應用，W3C從今天開始著手W3C標準化的互操作性和測試。和之前宣布的規劃一樣，W3C計劃在2014年完成HTML5標準。

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

應用須知

它可能會消滅Flash

許多業內人士表示，HTML將會最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時候。HTML5估計到2014年才能逐步成熟，而且將現有應用Flash的網絡開發完全轉向HTML5還需要一段時間。盡管HTML5提出了許多優點，但是還可能有某些應用更適合于更靈活的框架。一些主流的大公司都逐步轉向使用HTML5，但是這個轉變的過程也不是一蹴而就的。

它新并不表示它安全

網絡應用開發工程師們在學習新技術的同時需要時刻記住網絡安全。HTML5所構建的網頁和其他語言編寫的網頁一樣容易泄露一些敏感數據。歐洲網絡信息安全機構（European Network and Information Security Agency，ENISA）已經警告說HTML5可能并不夠安全。

它承諾帶來一個無縫的網絡

HTML5會帶來一個統一的網絡，無論是筆記本，臺式機，還是智能手機都應該很方便的瀏覽基于HTML5的網站。因此在設計網站的時候，開發者需要重新考慮用戶體驗，網站瀏覽，網站結構等因素使得這個網站對任何硬件設備都通用。

它會變成企業的SaaS平臺

一些重量級的企業，如微軟，Salesforce，SAP Sybase正在開發HTML5的開發工具。如果你正在構建企業應用，很可能不久的將來你就要用到HTML5。所以當構建公司的SaaS戰略遷移的時候也不要忘記HTML5。

它將會變得很移動

幾乎所有人都熱衷于開發獨立的移動應用，但是HTML5很可能會是獨立移動應用的終結者。由于HTML5將應用的功能直接加入其內核，這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在（移動）瀏覽器內開發應用，所以如果你正在制定一項桌面或者移動應用的長期發展策略，你可能需要考慮這一點。

漏洞

2013年3月，HTML5標記語言的一個漏洞被發現：它允許網站利用數GB垃圾數據對用戶展開轟炸，甚至會在短時間內將硬盤塞滿。多款主流瀏覽器均會受此影響。

一位名叫菲羅斯·阿伯克哈迪杰哈(Feross Aboukhadijeh)的開發者率先發現了這一漏洞，他表示，多數主流網絡瀏覽器均會受到影響，包括蘋果Safari、谷歌Chrome、微軟IE和Opera。唯一能夠阻止數據大量加載的是Mozilla的火狐瀏覽器，該產品的數據存儲上限為5MB。

該問題的根源在于HTML5存儲本地數據的方式。雖然每個瀏覽器都有不同的存儲參數，但很多都支持用戶自定義限制，且至少會在用戶電腦上存儲2.5MB數據。

阿伯克哈迪杰哈發現了一個繞過數據上限的方法，它創建了多個與用戶訪問過的網站鏈接的臨時網站。由于多數瀏覽器不會計算這種偶然情況，所以二級網站也可以存儲與主網站相同量的數據。通過大批生成這種網站，該漏洞便可向受影響的電腦加載海量數據。

在測試這一漏洞的過程中，阿伯克哈迪杰哈每16秒即可向他的固態硬盤版MacBook Pro中加載1GB數據。他指出，Chrome等32位瀏覽器可能會在硬盤塞滿前崩潰。“一些采用高明代碼的網站其實已經取消了用戶電腦對數據存儲的限制。”阿伯克哈迪杰哈說。阿伯克哈迪杰哈已經發布一組代碼來利用該漏洞，并創建了一個名為Filldisk的專用網站來凸顯該漏洞的危害。

優點

網絡標準

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

多設備跨平臺

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

自適應網頁設計

很早就有人設想，能不能”一次設計，普遍適用”，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整布局（layout）？

2010年，Ethan Marcotte提出了”自適應網頁設計“這個名詞，指可以自動識別屏幕寬度、并做出相應調整的網頁設計。

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

即時更新

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

總結概括HTML5有以下優點：

1、提高可用性和改進用戶的友好體驗；

2、有幾個新的標簽，這將有助于開發人員定義重要的內容；

3、可以給站點帶來更多的多媒體元素(視頻和音頻)；

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

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

6、將被大量應用于移動應用程序和游戲；

7、可移植性好。

爭議

HTML5在誕生之后，就樹立了一個原則，那就是所有的技術必須是開放的，不準有專利限制，在這期間Opera捐獻了CSS技術，而Google則提供了視頻格式WebM。

可以說大部分的HTML協議在眾多網絡技術公司中達成共識，但在視頻格式方面，世界各大互聯網公司正在為具體標準進行爭論，這可能影響HTML5標準的分流。紛爭的兩大陣營分別是Opera、火狐、Google等，另一大陣營則由蘋果公司領銜。

WebM陣營認為MPEG格式是具有專利保護的，這違背了HTML5所有技術必須開放的原則。MPEG陣營則更多地是因為自身就在使用這種視頻格式。

發展趨勢

HTML5規范開發完成時，將成為主流。

據統計2013年全球將有10億手機瀏覽器支持HTML5，同時HTML Web開發者數量將達到200萬。毫無疑問，HTML5將成為未來5-10年內，移動互聯網領域的主宰者。

據IDC的調查報告統計，截至2012年5月，有79%的移動開發商已經決定要在其應有程序中整合HTML5技術。

12月，萬維網聯盟宣布已經完成對HTML5標準以及Canvas 2D性能草案的制定，這就意味著開發人員將會有一個穩定的“計劃和實施”目標。有很多的文章都在號召使用HTML5，并大力宣傳它的的好處。此前，站長之家曾經做過一期調查，調查顯示只有36.16%的站長正在學習中，另外的63.76%表示正在觀望中。作為站長，你是否準備開始學習HTML5？

從性能角度來說，HTML5首先是縮減了HTML文檔，使這件事情變得更簡單。第一，從用戶可讀性上說，原先一大堆東西，像初學者第一次看到這些東西是看不懂的，而HTML5的聲明方式對用戶來說顯然更友好一些。

未來趨勢

1、移動優先

從如今層出不窮的移動應用就知道，在這個智能手機和將平板電腦大爆炸的時代，移動優先已成趨勢，不管是開發什么，都以移動為主。

2、游戲開發者領銜“主演”

許多游戲開發商都被Facebook或者Zynga推動著發展，而未來的Facebook應用生態系統是基于HTML5的，盡管在HTML 5平臺開發出游戲非常困難，但游戲開發商卻都愿意那么做。通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式，Facebook差不多就這么干的——基于Web應用及瀏覽器，但卻將之打包整合進原生應用。

3、2014計劃

2012年9月，W3C提出計劃要在2014年底前發布一個HTML5推薦標準，并在2016年底前發布HTML5.1推薦標準。

盈利方案

第一個解決方案，現有的盈利模式可以移植到HTML5，今天游戲開發者通過跟蘋果App Store合作非常賺錢，其實HTML5的模式也可以通過封裝把游戲放到App Store一樣的分成賺錢。

第二個解決方案，HTML5游戲可以“傍著”平臺，比方說Opera的游戲平臺或其它瀏覽器的平臺，以及所謂云游戲的游戲平臺，都是新的盈利模式的平臺。

第三個解決方案，在談到HTML5游戲與原生應用的表現性能比時，開發者需要考慮清楚要做的究竟是怎樣一款游戲，HTML5更適合輕量級的小游戲。而且HTML5在代碼保密性方面并不弱于原生應用。

2新元素編輯

自1999年以后HTML 4.01 已經改變了很多,今天，在HTML 4.01中的幾個已經被廢棄，這些元素在HTML5中已經被刪除或重新定義。

為了更好地處理今天的互聯網應用，HTML5添加了很多新元素及功能，比如: 圖形的繪制，多媒體內容，更好的頁面結構，更好的形式處理，和幾個api拖放元素，定位，包括網頁應用程序緩存，存儲，網絡工作者，等。[6]

canvas

標簽

描述

標簽定義圖形，比如圖表和其他圖像。該標簽基于 JavaScript 的繪圖 API

多媒體

標簽

描述

<audio>

定義音頻內容

<video>

定義視頻（video 或者 movie）

定義多媒體資源 <video> 和 <audio>

<embed>

定義嵌入的內容，比如插件。

<track>

為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。

表單

標簽

描述

定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。

規定用于表單的密鑰對生成器字段。

定義不同類型的輸出，比如腳本的輸出。

語義和結構

HTML5提供了新的元素來創建更好的頁面結構：

標簽

描述

定義頁面的側邊欄內容

<aside>

定義頁面內容之外的內容。

<bdi>

允許您設置一段文本，使其脫離其父元素的文本方向設置。

定義命令按鈕，比如單選按鈕、復選框或按鈕

用于描述文檔或文檔某個部分的細節

定義對話框，比如提示框

標簽包含 details 元素的標題

規定獨立的流內容（圖像、圖表、照片、代碼等等）。

定義 <figure> 元素的標題

定義 section 或 document 的頁腳。

定義了文檔的頭部區域

<mark>

定義帶有記號的文本。

<meter>

定義度量衡。僅用于已知最大和最小值的度量。

<nav>

定義運行中的進度（進程）。

定義任何類型的任務的進度。

<ruby>

定義 ruby 注釋（中文注音或字符）。

<rt>

定義字符（中文注音或字符）的解釋或發音。

<rp>

在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內容。

定義文檔中的節（section、區段）。

<time>

定義日期或時間。

<wbr>

規定在文本中的何處適合添加換行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已經被刪除:

<big>

<dir>

<font>

<frame>

<tt>

3技術要點編輯

重要標記

<video>[7]標記

定義和用法：

</video> 標簽定義視頻，比如電影片段或其他視頻流。

<audio> 標記

定義和用法

</audio> 標簽定義聲音，比如音樂或其他音頻流。

實例：

一段簡單的HTML 5 音頻

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

</audio>

<canvas> 標記

定義和用法：

<canvas> 標簽定義圖形，比如圖表和其他圖像。

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

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

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

實例：

通過 canvas 元素來顯示一個紅色的矩形：

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

fillStyle='#FF0000';

fillRect(0,0,80,100);

</script>

程序接口

除了原先的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推出的一套為HTML5、jQuery和JavaScript開發者設計的免費HTML5圖表庫——jChartFX！

jChartFX亮點：

jChartFX充分利用了HTML5，CSS和SVG，讓您能夠在瀏覽器提供美觀優越的圖表和更豐富的最終用戶體驗。

jChartFX擁有很多令人振奮的功能，它在無插件純JavaScript的瀏覽器上運行，這意味著在提高了網站安全性和速度的同時，最大程度的減少了網站服務器的負荷。

jChartFX還能夠自動整合到jQuery UI ThemeRoller，自動讀取并解釋jQuery的主題和CSS文件，能夠快速適應您的頁面布局和設計，無需一行代碼。

jChartFX支持JSON，JSON能夠幫助您實現，任何數據源中的數據都可以展現到圖表中。

jChartFX還支持超過40種的2D、3D圖表類型，免費的圖表控件中支持如此之多的圖表展示類型實屬難得。

標簽

注：在下面表格中4: 指在HTML 4.01 中定義了該元素 5: 指在HTML 5 中定義了該元素

按字母順序排列的標簽列表標簽

描述

定義注釋

<!DOCTYPE>

定義文檔類型

<a>

定義超鏈接

<abbr>

定義縮寫

HTML 5 中不支持

定義地址元素

定義 applet（HTML 5 中不支持）

<area>

定義圖像映射中的區域

定義 article

<aside>

定義頁面內容之外的內容

<audio>

定義聲音內容

<b>

定義粗體文本

<base>

定義頁面中所有鏈接的基準URL

HTML 5 中不支持，請使用CSS 代替

<bdo>

定義文本顯示的方向

<big>

定義大號文本（HTML 5 中不支持）

定義長的引用

<body>

定義 body 元素

<br>

插入換行符

定義按鈕

定義圖形

定義表格標題

定義居中的文本（HTML 5 中不支持）

<cite>

定義引用

<code>

定義計算機代碼文本

<col>

定義表格列的屬性

定義表格列的分組

定義命令按鈕

定義下拉列表

<dd>

定義定義的描述

<del>

定義刪除文本

定義元素的細節

<dfn>

定義定義項目

<dir>

定義目錄列表（HTML 5 中不支持）

<div>

定義文檔中的一個部分

<dl>

定義定義列表

<dt>

定義定義的項目

<em>

定義強調文本

<embed>

定義外部交互內容或插件

定義 fieldset

定義 figure 元素的標題

定義媒介內容的分組，以及它們的標題

<font>

HTML 5 中不支持

定義 section 或 page 的頁腳

<form>

定義表單

<frame>

定義子窗口（框架）（HTML 5 中不支持）

定義框架的集（HTML 5 中不支持）

定義標題1 到標題6

<head>

定義關于文檔的信息

定義 section 或 page 的頁眉

定義有關文檔中的 section 的信息

<html>

定義 html 文檔

<i>

定義斜體文本

定義行內的子窗口（框架）

<img>

定義圖像

<input>

定義輸入域

<ins>

定義插入文本

定義生成密鑰

定義單行的輸入域（HTML 5 中不支持）

<kbd>

定義鍵盤文本

<label>

定義表單控件的標注

定義 fieldset 中的標題

<li>

定義列表的項目

<link>

定義資源引用

<map>[8]

定義圖像映射

<mark>

定義有記號的文本

<menu>

定義菜單列表

<meta>

定義元信息

<meter>

定義預定義范圍內的度量

<nav>

定義導航鏈接

定義 noframe 部分（HTML 5 中不支持）

定義 noscript 部分

定義嵌入對象

<ol>

定義有序列表

定義選項組

定義下拉列表中的選項

定義輸出的一些類型

<p>

定義段落

<param>

為對象定義參數

<pre>

定義預格式化文本

定義任何類型的任務的進度

<q>

定義短的引用

<rp>

定義若瀏覽器不支持 ruby 元素顯示的內容

<rt>

定義 ruby 注釋的解釋

<ruby>

定義 ruby 注釋

<s>

定義加刪除線的文本（HTML 5 中不支持）

<samp>

定義樣本計算機代碼

定義腳本

定義 section

定義可選列表

<small>

定義小號文本

定義媒介源

<span>

定義文檔中的 section

定義加刪除線的文本（HTML 5 中不支持）

定義強調文本

<style>

定義樣式定義

<sub>

定義下標文本

定義 details 元素的標題

<sup>

定義上標文本

按字母順序排列的標簽列表標簽

描述

4: 指在HTML 4.01 中定義了該元素

5: 指在HTML 5 中定義了該元素

<table>

定義表格

<tbody>

定義表格的主體

<td>

定義表格單元

定義 textarea

<tfoot>

定義表格的腳注

<th>

定義表頭

<thead>

定義表頭

<time>

定義日期/時間

<title>

定義文檔的標題

<tr>

定義表格行

<tt>

定義打字機文本（HTML 5 中不支持）

<u>

定義下劃線文本（HTML 5 中不支持）

<ul>

定義無序列表

<var>

定義變量

<video>

定義視頻

<xmp>

定義預格式文本（HTML 5 中不支持）

事件屬性

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

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

4: 指在HTML 4.01 中定義了該元素。

5: 指在HTML 5 中定義了該元素。

HTML 5不再支持的 HTML 4.01 屬性：onreset。

事件屬性屬性

值

描述

onabort

script

發生 abort 事件時運行腳本。

onbeforeonload

script

在元素加載前運行腳本。

onblur

script

當元素失去焦點時運行腳本。

onchange

script

當元素改變時運行腳本。

onclick

script

在鼠標點擊時允許腳本。

oncontextmenu

script

當菜單被觸發時運行腳本。

ondblclick

script

當鼠標雙擊時運行腳本。

ondrag

script

只要腳本在被拖動就運行腳本。

ondragend

script

在拖動操作結束時運行腳本。

ondragenter

script

當元素被拖動到一個合法的放置目標時，執行腳本。

ondragleave

script

當元素離開合法的放置目標時。

ondragover

script

只要元素正在合法的放置目標上拖動時，就執行腳本。

ondragstart

script

在拖動操作開始時執行腳本。

ondrop

script

當元素正在被拖動時執行腳本。

onerror

script

當元素加載的過程中出現錯誤時執行腳本。

onfocus

script

當元素獲得焦點時執行腳本。

onkeydown

script

當按鈕按下時執行腳本。

onkeypress

script

當按鍵被按下時執行腳本。

onkeyup

script

當按鈕松開時執行腳本。

onload

script

當文檔加載時執行腳本。

onmessage

script

當 message 事件觸發時執行腳本。

onmousedown

script

當鼠標按鈕按下時執行腳本。

onmousemove

script

當鼠標指針移動時執行腳本。

onmouseover

script

當鼠標指針移動到一個元素上時執行腳本。

onmouseout

script

當鼠標指針移出元素時執行腳本。

onmouseup

script

當鼠標按鈕松開時執行腳本。

onmousewheel

script

當鼠標滾輪滾動時執行腳本。

onreset

script

當表單重置時執行腳本。不支持。

onresize

script

當元素調整大小時運行腳本。

onscroll

script

當元素滾動條被滾動時執行腳本。

onselect

script

當元素被選中時執行腳本。

onsubmit

script

當表單提交時運行腳本。

onunload

script

當文檔卸載時運行腳本。

標簽屬性

HTML 5標簽擁有屬性。在每個標簽的參考頁中可以找到相應的特殊屬性。這里列出的屬性是通用于每個標簽的核心屬性和語言屬性（有個別例外）。

4: 指在HTML 4.01 中定義了該元素

5: 指在HTML 5 中定義了該元素

HTML 5標簽中的新屬性有：contenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template

HTML 5 中不再支持的屬性：accesskey

標簽屬性屬性

值

描述

acceskey

a character

設置訪問一個元素的鍵盤快捷鍵。不支持。

class

class_ruleorstyle_rule

元素的類名。

contenteditable

true

false

設置是否允許用戶編輯元素。

contentextmenu

id of a menu element

給元素設置一個上下文菜單。

dir

ltr

rtl

設置文本方向。

draggable

true

false

auto

設置是否允許用戶拖動元素。

id_name

元素的唯一 id。

irrelevant

true

false

設置元素是否相關。不顯示非相關的元素。

lang

language_code

設置語言碼。

ref

urlorelementID

引用另一個文檔或文檔上另一個位置。僅在 template 屬性設置時使用。

registrationmark

registration mark

為元素設置拍照。可規定于任何 <rule> 元素的后代元素，

除了 <nest> 元素。

style

style_definition

行內的樣式定義。

tabindex

number

設置元素的 tab 順序。

template

urlorelementID

引用應該應用到該元素的另一個文檔或本文檔上另一個位置。

title

tooltip_text

顯示在工具提示中的文本。

異常處理

HTML 5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML 5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML 5代碼。與HTML 4.01相比，HTML 5給出了解析的詳細規則，力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。

優勢

HTML5可以提供:

1.提高可用性和改進用戶的友好體驗;

2.有幾個新的標簽，這將有主（助？）開發人員定義重要的內容；

3.可以給站點帶來更多的多媒體元素(視頻和音頻)；

4.可以很好的替代FLASH和Silverlight；

5.當涉及到網站的抓取和索引的時候，對于SEO很友好；

6.將被大量應用于移動應用程序和游戲。

因此，我們可以說HTML5有一天將使WEB更加的美好，但是有一天并不是現在。我們不能不提到重要的一點：迄今為止，并沒有什么流行的瀏覽器可以完全的支持HTML5規范的所有功能。需要明確的是，今天的主流瀏覽器都將趨于支持HTML5，但是仍存在許多不完全的支持或兼容。

谷歌和HTML5

2010年5月22日，谷歌創建了一個涂鴉來紀念Pac Man的視頻游戲。這個涂鴉是一個動畫，同時也是一個可以玩的Pac Man的游戲。這個涂鴉就是谷歌通過使用HTML5標準制作的，當然谷歌也提供一個FLASH版本來支持不兼容HTML5的瀏覽器。我敢打賭，這是大多數互聯網網民第一次和HTML5的接觸。對于個人來說，這是一個興奮的消息。以我的觀點，這個涂鴉提供了一個機會可以窺視未來互聯網、網頁、移動應用軟件和游戲等發展趨勢。對于搜索引擎優化，他開辟了我更多的想象，它讓我思考HTML5在SEO領域的潛力。網站轉移到HTML5標準對于SEO有什么優勢?

HTML 5開發領域的領軍人物包括Sencha，Adobe，Appcelerator，appMobi及Facebook，亞馬遜，Google三大巨頭。不管你是想開發出新型視頻應用的開發商如Brightcover還是想開發新型音頻應用的開發商如Soundcloud，不論是桌面應用還是移動應用，HTML 5都是創新的主旋律。

HTML5與SEO

一：使搜索引擎更加容易抓取和索引

對于一些網站，特別是那些嚴重依賴于FLASH的網站HTML5是一個大福音。如果你有一個都是FLASH的站點，你就一定會看到切換到HTML5的好處。首先，搜索引擎的蜘蛛將能夠抓取你的站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取。在搜索引擎優化的基本理論中，這一方面將會驅動你的網站獲得更多的右擊流量。

二：提供更多的功能，提高用戶的友好體驗

使用HTML5的另一個好處就是它可以增加更多的功能。對于HTML5的功能性問題，我們從全球幾個主流站點對它的青睞就可以看出。社交網絡大亨Facebook已經推出他們期待已久的基于HTML5的iPad應用平臺，潘多拉最近也推出他們基于HTML5的音樂播放器的新版本。游戲平臺 Zynga最近也在推出了三款新的在移動設備瀏覽器上運行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網站和HTML5特性的網站被推出。保持站點處于新技術的前沿，也可以很好的提高用戶的友好體驗。

三：可用性的提高，提高用戶的友好體驗

最后我們可以從可用性的角度上看，HTML5可以更好的促進用戶于網站間的互動情況。多媒體網站可以獲得更多的改進，特別是在移動平臺上的應用，使用 HTML5可以提供更多高質量的視頻和音頻流。到目前為止，事實就是iPhone和iPad將不會支持FLASH，同時ADOBE公司也在近期公開聲明將停止FLASH基于移動平臺的開發，現在我們已經可以這么說——移動平臺日后視頻音頻是HTML5的天下！

云計算

客戶端網頁瀏覽器智能手機上網本 Nettop

應用SAP OnDemand Solutions Google Apps Microsoft Online

NetSuite SalesForce

平臺App Engine Windows Azure Engine Yard Force.com

Heroku MTurk RightScale Amazon S3

SimpleDB SQS

基礎設施EC2 Eucalyptus FlexiScale GoGrid

Nimbus OpenStack Rackspace Cloud VPC

類型SaaS PaaS IaaS CaaS

技術網絡數據中心分散式檔案系統硬件虛擬化

Web服務虛擬設備多租戶技術