截止2017年1月，目前國內(nèi)只有2個網(wǎng)站支持html5:
網(wǎng)站的建設(shè)成都創(chuàng)新互聯(lián)公司專注網(wǎng)站定制,經(jīng)驗豐富,不做模板,主營網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設(shè)計體驗!已為成都玻璃貼膜等企業(yè)提供專業(yè)服務(wù)。
1.
騰訊視頻
2.
嗶哩嗶哩
可以說中國在html5方面全面落后于美國。后續(xù)如果再有，我會再補上來，促進中國html5視頻網(wǎng)站的發(fā)展。
IE9支持部分，IE10+支持。Chrome3-5支持大部分，Chrome6+支持。iPad3.2+自帶瀏覽器支持大部分。操作方法如下：
1、首先創(chuàng)建一個新的html文件，簡單重置樣式，添加canvas，給畫布一個紅色背景。
2、這里用jquery寫，所以先引入jquery，可以看到默認下的canvas的畫布大小 300*150。
3、編寫resizeCnavas方法，用來動態(tài)獲取并改變canvas的大小。
4、在頁面加載完先對canvas進行一次畫布的設(shè)置。
5、窗口大小發(fā)生改變時，動態(tài)調(diào)用上面的方法。
6、最后再次打開瀏覽器，就獲得了自適應(yīng)的canvas畫布。
百度、新浪、騰訊、鳳凰等等各類大型門戶目前是部分支持的，搜狐旗下的產(chǎn)品手機搜狐概念版是全面支持的
html5的現(xiàn)在正常應(yīng)用的網(wǎng)站類型有：
1、手機端網(wǎng)站應(yīng)用?，F(xiàn)在目前手機端使用HTML5的網(wǎng)站很多。
2、游戲類網(wǎng)站。游戲類網(wǎng)站應(yīng)用HTML5的也非常用，使用html5符合用戶的使用習慣。
3、商城類網(wǎng)站。現(xiàn)在商城類網(wǎng)站普片使用，例如淘寶，京東，蘇寧等等
HTML5是一種標準，跟落后無關(guān)。國內(nèi)采用的少是考慮到?jīng)]有實際意義。而國外采用也只是一種對新技術(shù)的嘗試。
HTML5也不是網(wǎng)站支持的，只是HTML5語言的新版本，支持在于瀏覽器。
HTML5基礎(chǔ)知識網(wǎng)站
1.W3C
全稱“W3School”，簡直是學習網(wǎng)站中的“戰(zhàn)斗機”，每一節(jié)都有學生時代老師般的“板書”，豐富的實例展示，還有工具書、小測驗等提升工具，私教般的存在!
2.Dive into HTML5
這個網(wǎng)站幾乎都是關(guān)于HTML5的文檔，講一些很基礎(chǔ)的知識，簡潔清新。如果想學習HTML5的同時提高英語閱讀能力，這個網(wǎng)站是極好的。類似的英文網(wǎng)站還有woorkup。
3.h5之家
除了豐富且與時俱進的教程，這個網(wǎng)站還有很多關(guān)于HTML5業(yè)界的獨特見解，閑暇時候看看，拓展知識又能在人前裝X，這樣的網(wǎng)站哪里找!
HTML5案例網(wǎng)站
1.HTML5xCSS3
擁有超豐富的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。里面的全部都是HTML5響應(yīng)式網(wǎng)站喲!
2.360html5基地
350旗下的HTML5作品展示網(wǎng)站，大部分是HTML5游戲展示，可愛有趣。比如打開一個割繩子的HTML5展示：
3.HTML5 Games
相對360來說更豐富的HTML5游戲資源，玩著玩著技能激發(fā)設(shè)計靈感呢!
HTML5技術(shù)網(wǎng)站
1.whatwg
網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組(Web Hypertext Application Technology Working Group)的博客，里面一些文章能讓人受益匪淺。
2.HTML5醫(yī)生
一些關(guān)于html5語義及如何使用它們的文章，醫(yī)生會定時回答網(wǎng)友們的問題。
3.HTML5中國
一個真的能手把手教你6小時做一個HTML5坦克大戰(zhàn)游戲的網(wǎng)站，還有各類HTML5的資訊、溝通交流論壇等。
HTML5測試網(wǎng)站
1.HTMLDemos
測試HTML5標簽在各瀏覽器的兼容性，還能查看各種HTML5的標準Demo演示。
2.html5 test
能為瀏覽器對HTML5的兼容性打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。
所以，網(wǎng)站已經(jīng)分享給你們了，如果真心要學習此項技能，快去實踐吧!
重慶分公司
重慶分公司
