由PaulIrish首創(chuàng)的在HTML頁面的body上使用IE條件注釋判斷瀏覽器版本，從而大大簡(jiǎn)化了針對(duì)IEHack的成本在后來的版本中升級(jí)為在標(biāo)簽中加入條件注釋2HTML5集成，默認(rèn)使用了很多HTML5的特性，并且使其兼容舊版本瀏覽器；1實(shí)現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測(cè)試結(jié)果如下注意事項(xiàng)JavaScript是一種網(wǎng)絡(luò)腳本語言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來為網(wǎng)頁添加各種動(dòng)態(tài)功能；6charset，async和ping的屬性是HTML 5的一部分，HTML中不存在charset，async和ping等屬性 7增強(qiáng)了對(duì)Web應(yīng)用程序功能的支持在HTML5允許瀏覽器作為應(yīng)用程序平臺(tái)運(yùn)行不需要使用任何基于JS或Flash的方法，因?yàn)镠TML5中固有。

但是瀏覽器一般不會(huì)實(shí)現(xiàn)html5完全訪問或控制本地資源的權(quán)限，所以實(shí)現(xiàn)的功能還是有限的\x0d\x0a 不過目前也有許多通過html5+css+js甚至結(jié)合其他語言實(shí)現(xiàn)的桌面程序例如目前可以采用的方案舉幾個(gè)例子\x0d\x0a1；簡(jiǎn)單的說，p5js是一個(gè)js類庫canvas是一個(gè)html5新增的一個(gè)元素，quotcanvasquot 即 quot畫布quot， 此元素是為了客戶端矢量圖形而設(shè)計(jì)的它自己沒有行為，卻把一個(gè)繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西；firefoxchrome下調(diào)用html5 略有差異，ie8下圓角沒了如果不喜歡這個(gè)樣式呢，就請(qǐng)打開css文件自己修改吧很簡(jiǎn)單的調(diào)用，可以看到在頁面中使用的是uploadadapter，由它來決定調(diào)用哪個(gè)插件倆個(gè)插件所需要的js文件和css。

在js中變量無處不在，所以這么聲明變量就變得尤其得重要，首先少使用全局變量，這樣會(huì)增加加載速度，從而導(dǎo)致項(xiàng)目用戶體驗(yàn)不好 4聲明變量如果不用 var 會(huì)導(dǎo)致變量成為全局變量5函數(shù) 函數(shù)的參數(shù)數(shù)量 函數(shù)的參數(shù)不應(yīng)該超過；因?yàn)閔tml5是html的高版本，也就是支持更多的屬性和特效，但現(xiàn)在也不是所有的瀏覽器都兼容html5的，網(wǎng)頁的編寫是離不開htmldiv和css，如果要有一些用戶體驗(yàn)和簡(jiǎn)單的交互的話，可以加一些js。

JS是一種頁面腳本，通過執(zhí)行程序腳本片段，可以對(duì)頁面及頁面上的元素進(jìn)行操作，實(shí)現(xiàn)特定的功能與效果有一些東西，用高級(jí)編程語言是實(shí)現(xiàn)不了的，而用JS，可能幾行代碼就可搞定比如，顯示當(dāng)前系統(tǒng)時(shí)間等html5是html的最新；html5中的canvas本身的API是不存在圖層概念的要想實(shí)現(xiàn)實(shí)現(xiàn)多圖層功能，必須要使用多個(gè)canvas對(duì)象，不過這些canvas對(duì)象，是在內(nèi)存中的，而不是在html的元素樹中每個(gè)canvas維持一個(gè)圖層就可以，然后主canvas是負(fù)責(zé)顯示最后的；這個(gè)方法可以確保HTML5標(biāo)簽?zāi)茉谂f版本IE中對(duì)應(yīng)創(chuàng)建DOM節(jié)點(diǎn)，然后可以對(duì)其應(yīng)用樣式這個(gè)方法將HTML5塊級(jí)元素設(shè)置成displayblock，從而可以在各個(gè)瀏覽器中做到兼容今天測(cè)試以下把馬海祥博客的網(wǎng)頁改成了HTML5的，調(diào)試了一下，在FF和Opera中都。

5Kaltura HTML5Kaltura 的 HTML5 視頻解決方案 – 兼容所有主流瀏覽器，采用獨(dú)特的 fallback 機(jī)制6FlareVideoFlareVideo 由 Alex MacCaw 開發(fā)，他是一位RubyJS開發(fā)者，F(xiàn)lareVideo主要特色在不支持 HTML5 視頻的情況；處理兼容問題有兩種方式1IE8IE7IE6支持通過document方法產(chǎn)生的標(biāo)簽，利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽2使用是html5shim框架 另外，DOCTYPE聲明的方式是區(qū)分HTML和HTML5標(biāo)志的一個(gè)重要因素，此外，還可以根；我最近也在用 ，發(fā)現(xiàn)如果用 $quot#rangeBorrowquotval40sliderquotrefreshquot 可以執(zhí)行，但是報(bào)錯(cuò)后來，發(fā)現(xiàn)用prop就可以了，value會(huì)變，進(jìn)度也會(huì)變 quot#rangeBorrowquotpropquotvaluequot， pAmountquot#rangeAmountquot；換瀏覽器，Chrome，火狐，Opera，IE9，IE10，IE11以上這些都支持，像IE8以及以下不支持HTML5的要么最好別用html5，css3，如果不想換還又想用就下載插件，用js實(shí)現(xiàn)，不過效果不是太好。