1HTML5xCSS3 擁有超豐富的HTML5案例和模板，隨便點(diǎn)開一個(gè)案例都好看到讓人震驚里面的全部都是HTML5響應(yīng)式網(wǎng)站喲！2360html5基地 350旗下的HTML5作品展示網(wǎng)站，大部分是HTML5游戲展示，可愛有趣比如打開一個(gè)割繩子。

HTML5網(wǎng)站好處是用戶可隨意在單頁面中插入各種視頻音樂圖片等多媒體元素，網(wǎng)站的加載速度絲毫不受影響此外，HTML5網(wǎng)站對搜索引擎友好，極大地方便了網(wǎng)站的收錄。

3IEIE10起比較好了，之前很差資料來源航歌網(wǎng)，其他瀏覽器則根據(jù)內(nèi)核為準(zhǔn)網(wǎng)上有專門的H5兼容性測試網(wǎng)站，由于回答策略的限制無法發(fā)送鏈接，自己找找就有了 Form Follows Function就是一個(gè)展示HTML5實(shí)現(xiàn)的網(wǎng)站。

2鏈接電腦Mac21 先在手機(jī)Safari中打開你想調(diào)試的網(wǎng)頁，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開Safari點(diǎn)擊Develop菜單，就會看到如下圖所示點(diǎn)擊查看大圖23 點(diǎn)擊22中的網(wǎng)站名就會在。

html5網(wǎng)頁背景圖手動(dòng)上傳切換代碼這樣寫1html5網(wǎng)頁背景圖手動(dòng)上傳切換代碼需要在網(wǎng)頁上點(diǎn)擊鼠標(biāo)右鍵查看網(wǎng)站源代碼2找到css里面的背景圖這一段代碼，查看背景圖路徑，通過ftp或者服務(wù)器進(jìn)行替換圖片即可。

1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對攝像頭的可編程訪問，用戶可以直接用 getUserMedia 請注意目前僅Chrome和Opera支持獲得攝像頭提供的視頻流我們需要做的是添加一個(gè)HTML5 的 Video。

1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

基于HTML5的工具網(wǎng)站兔展 優(yōu)點(diǎn)頁面DIY程度較高，動(dòng)效實(shí)現(xiàn)起來也簡易方便，可制作比較任性的H5頁面缺點(diǎn)屏幕界面大小不可調(diào)節(jié)，上傳的圖會比例失調(diào)生成后到各尺寸屏上頁面會存在拉伸。