草案的前身名為Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接納，并成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案已公布,預計將在2010年9月正式向公眾推薦。WHATWG表示該規(guī)范是目前正在進行的工作，仍須多年的努力。新標記 HTML5提供了一些新的元素和屬性，例如<nav>（網(wǎng)站導航塊）和<footer>。這種標簽將有利于搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如<audio>和<video>標記。一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記，如<font>和<center>，它們已經(jīng)被CSS取代。新應(yīng)用程序接口（API） 除了原先的DOM接口，HTML5增加了API,如：1. 用于即時2D繪圖的Canvas標簽2. 定時媒體回放3. 離線數(shù)據(jù)庫存儲4. 文檔編輯5. 拖拽控制6. 瀏覽歷史管理與HTML 4的不同之處 新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新屬性：日期和時間，email, url。新的通用屬性：ping, charset, async全域?qū)傩裕篿d, tabindex, repeat。移除元素：center, font, strike。HTML 5有兩大特點:首先，強化了Web網(wǎng)頁的表現(xiàn)性能。除了可描繪二維圖形外，還準備了用于播放視頻和音頻的標簽。其次，追加了本地數(shù)據(jù)庫等Web應(yīng)用的功能。異常處理 HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML5在設(shè)計時保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的詳細規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語法錯誤時也能返回相同的結(jié)果。

草案的前身名為Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接納，并成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案已公布,預計將在2010年9月正式向公眾推薦。WHATWG表示該規(guī)范是目前正在進行的工作，仍須多年的努力。新標記 HTML5提供了一些新的元素和屬性，例如<nav>（網(wǎng)站導航塊）和<footer>。這種標簽將有利于搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如<audio>和<video>標記。一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記，如<font>和<center>，它們已經(jīng)被CSS取代。新應(yīng)用程序接口（API） 除了原先的DOM接口，HTML5增加了API,如：1. 用于即時2D繪圖的Canvas標簽2. 定時媒體回放3. 離線數(shù)據(jù)庫存儲4. 文檔編輯5. 拖拽控制6. 瀏覽歷史管理與HTML 4的不同之處 新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新屬性：日期和時間，email, url。新的通用屬性：ping, charset, async全域?qū)傩裕篿d, tabindex, repeat。移除元素：center, font, strike。HTML 5有兩大特點:首先，強化了Web網(wǎng)頁的表現(xiàn)性能。除了可描繪二維圖形外，還準備了用于播放視頻和音頻的標簽。其次，追加了本地數(shù)據(jù)庫等Web應(yīng)用的功能。異常處理 HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML5在設(shè)計時保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的詳細規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語法錯誤時也能返回相同的結(jié)果。

如果要想系統(tǒng)的學習UI設(shè)計，建議還是去買一套完整的UI設(shè)計視頻教程學習，也不是很貴，想學技術(shù)，花錢是不可避免的，如果你實在不想花這錢，可以去千鋒的網(wǎng)站上去學習，許多相關(guān)的視頻教程，在線學習的，關(guān)鍵是免費的，課程內(nèi)容從零基礎(chǔ)到項目實踐，可以說是比較完整的了。希望對你的學習有所幫助。

自學前端的福音，整理前端學習路線圖，供大家參考。首先來一張學習路線圖一、web前端視頻篇第一階段-準備篇web前端教程下載：1、  前端與移動開發(fā)基礎(chǔ) ：http://pan.baidu.com/s/1jIcd84e（此教程對應(yīng)知識點1 2 3 5知識點）2、CSS梅蘭商城項目實戰(zhàn)視頻教程 http://pan.baidu.com/s/1pLlRwDl 3、Javascript教程：JavaScript基礎(chǔ)視頻教程：http://pan.baidu.com/s/1skMeNvBJavaScript 基礎(chǔ)加強：http://pan.baidu.com/s/1skDXr6t（此教程對應(yīng)4知識點）二、前端視頻篇第二階段-基礎(chǔ)篇web前端推薦教程JavaScript 基礎(chǔ)加強 ：http://pan.baidu.com/s/1skDXr6t （對應(yīng)知識點1）三、web前端視頻篇第三階段——核心篇推薦視頻： 2016年最新H5+CSS3教程視頻 ：http://pan.baidu.com/s/1eSJtHiM（此免費視頻對應(yīng)上述1知識點） 2016年最新AJAX教程：  http://pan.baidu.com/s/1qXWqpDa（此免費視頻對應(yīng)上述 4知識點）傳智前端就業(yè)班視頻分享：移動web開發(fā)課程：http://pan.baidu.com/s/1cuztnw （此免費視頻對應(yīng)上述 5知識點）四、前端視頻篇第四階段——進階篇視頻教程推薦：JavaScript-高級面向?qū)ο笠曨l教程：http://pan.baidu.com/s/1o8POXKmJavaScript高級框架設(shè)計：http://pan.baidu.com/s/1nvNjnnF學完這些也是一個簡單的入門，想深入學習， 還需要學習后臺和前臺的協(xié)作方式，從全局角度去理解項目的整個生命周期，nodejs，等等框架。

最簡單的播放代碼 <embed src=”地址” autostart=”true” loop=”true” width=”200” height=”150” >

用HTML5的視頻標簽可以很快速地插入視頻控件。12<video src="movie.ogg" controls="controls"></video>http://www.w3school.com.cn/html5/html_5_video.asp

http://pan.baidu.com/s/1nuDweDV

我知道比較出名的是杭州如友服裝，他們那是采用工廠式練習，

網(wǎng)頁中插入多媒體文件（音樂，影視等）下面是代碼<embed src="命運.mp3" width="300" height="150"loop="900">以上代碼的意思是在網(wǎng)頁里加入一個叫命運的MP3音樂文件，這個文件寬是300像素，高是150像素。播放900遍，連續(xù)播放可以在loop的等號后面寫-1。