it教程網(wǎng)35html5實(shí)踐-零html制作

http:

HTML

5：語(yǔ)義化(Semantic)本地

(Offline

&

Storage)設(shè)備通用(Device

Access)Web

Socket支持(Connectivity)多

(Multimedia)三維、圖形和特效(3D/Graphics/Effects)CSS3…h(huán)

HTML

5的兼容性問(wèn)題HTML

5的功能用HTML

4同樣能實(shí)現(xiàn)？!功能Html

5Html

4文檔語(yǔ)義化語(yǔ)義化cla

語(yǔ)義

名用flash實(shí)現(xiàn)長(zhǎng)連接Web

socket輪詢(xún)/flash

socket增強(qiáng)的form表單支持通過(guò)js模擬實(shí)現(xiàn)本地Api支持通過(guò)

s或flash美觀的界面Css3+冗余HTML

5和HTML

4部分功能實(shí)現(xiàn)差異HTML

4JavaScriptFlashCSS

2HTML

4JavaScriptCSS

2HTML

5Flash功能的降級(jí)兼容深入挖掘?yàn)g覽器權(quán)限文檔語(yǔ)義增強(qiáng)選擇性兼容低級(jí)瀏覽器淘寶對(duì)HTML5的實(shí)踐淘寶“云”深入挖掘?yàn)g覽器權(quán)限淘寶“云”:類(lèi)似web的IM客戶端(不兼容IE)傳統(tǒng)的iframe

跨域HTML

5

的CrossMessaging

跨域淘寶2011首頁(yè)——HTML5

的語(yǔ)義增強(qiáng)htt

使用HTML5來(lái)布局淘寶首頁(yè)figurecolor

orange.createElementfigurefigurefigure如果ie6/7/8禁用？<!--[if

lte

IE

8]>stylehtml5-wrappers

displaystyle!importantdiv

"ie-noscript-warning"a

""

查看這里

aa

"/?noscript=1"繼續(xù)<![endif]-->adiv如果禁用了ieIE

禁用/?noscript=1Firefo

用Opera

禁用跟隨向?qū)⒂眠M(jìn)入html4頁(yè)面Kissy

庫(kù)的開(kāi)發(fā)——選擇性兼容低級(jí)瀏覽器Kissy

Editor在高級(jí)瀏覽器中的拖拽文件上傳editor.js

中對(duì)拖拽文件的處理Chrome中使用

transition完成動(dòng)畫(huà)IE中使用JavaScript完成動(dòng)畫(huà)http:/kissy/src/anim/demo.htmlanim.js

對(duì)transition特性的并做降級(jí)兼容處理KissyEditor優(yōu)先使用html5本地降級(jí)使用flash完成本地editor.js

中本地的處理繼續(xù)更大范圍降級(jí)兼容TODOTODO:“云”使用webSocket

代替Ajax

輪詢(xún)TODO:新的

/重構(gòu)項(xiàng)目會(huì)基于HTML

5語(yǔ)義的HMTL

5

native

APIsHTML

4

+

JavaScript

+Flash…JavaScript

AdapterTODO:通過(guò)JavaScript對(duì)HTML

5

進(jìn)行封裝scripthtml5-adapter.jsscriptsectionlabelinputlabelsectionheader_search_qsearch

autofocushtt

/photos/pandacat

baby/5436938941/UserExperienceEfficiencyPerformancehtt

/photos/pandacat

baby/5436938941/UserExperience?EfficiencyPerformance

/app/dp/insure/js/widgets/html5

form/yui3-form.js淘寶車(chē)險(xiǎn)html5表單組件htt/blog/2011/01/11/dev-share-for-

-new-homepage/.html#slide1http:

/鳴謝！h