如题所述
æ们第ä¸æ¬¡è°è®º HTML5 è¦æ¹åä¸ç大æ¦æ¯å 为ä¹å¸æ¯ï¼ä»åæå¨ iOS ä¸ä¸å
¼å®¹ Flashï¼å¨ Adobe ç»æ²»å¤åªä½å¼åçé£ä¸ªå¹´ä»£ï¼è¿éè¦ä»åºæ大çåæ°ãè¿ä¹å¤å¹´è¿å»äºï¼è½ç¶ææ人é½å¨è°è®º HTML5ï¼ä½æ¯å¤§é¨å人çè³é½å¿äºå®è¿æ¯ä¸ä¸ªä»å¨å®åä¸çä½ç³»ã
2007 å¹´ W3Cï¼ä¸ç»´ç½èçï¼ç«é¡¹ HTML5ï¼ç´è³ 2014 å¹´ 10 æåºï¼è¿ä¸ªé¿è¾¾å «å¹´çè§èç»äºæ£å¼å®ç¨¿ãæ¥ä¸æ¥ï¼HTML5 å°çæ£å¼å§é¢ è¦åçï¼Nativeï¼ App ä¸çãè½ç¶è¿ç§å±è¨è¸å¬å·²ç»è®©äººæç¹åç¦ãä½æ¯å¦æå顾 HTML è¿äºå¹´èµ°è¿çè·¯ï¼ä½ å°±ä¸ä¼åæçå®çè½éã
ä¸ãHTML5çè¯ç
èª W3C äº 1999 å¹´åå¸ HTML4 åï¼Web ä¸çå¿«éåå±ï¼ä¸çç¹è£ã人们ä¸åº¦è®¤ä¸º HTML æ åä¸éè¦å级äºãä¸äºè´åäºåå± Web App çå ¬å¸å¦è¡æç«äº WHATWG ç»ç»ï¼ç´å° 2007 å¹´ï¼W3C ä» WHATWG æ¥æç¸å ³å·¥ä½ï¼éæ°å¼å§åå± HTML5ã
HTML5 çåå±å²ï¼æç¨æ·çéæ±å¨æ¨å¨ï¼æææ¯å¼åè çéæ±å¨æ¨å¨ï¼æ´æ巨大çåä¸å©çå¨æ¨å¨ãå¨äºèç½çæ©æï¼å¯¹ç¨æ·èè¨ï¼è½æå¼æµè§å¨æ¥å ¥å°äºèç½ä¸çå°±æ¯ä¸ä¸ªç¥å¥çäºæ ï¼ä½äºèç½åå±å° 2005 å¹´ååï¼å¼å§åºç°ä¸ä¸ä¸ªååï¼å°±æ¯å®½å¸¦äºèã
éç宽带çæ®ååçµèæ§è½çå¢å¼ºï¼äººä»¬ä¸å满足äºå纯çéè¿äºèç½çæ°é»ãæ¶åé®ä»¶ï¼æ¶èæ´é«å¸¦
宽ç娱ä¹äº§åå¼å§åºç°ï¼å°±æ¯æµè§é¢åç½é¡µæ¸¸æãå ¶å®è§é¢å游ææ¯å¤èçéæ±ï¼å¨äºèç½ä¸æ®åçæ¶åï¼éæ±ç满足æ¹å¼æ¯ç¦»çº¿ä¼ è¾ç VCD
å游æå çï¼åæ¥äºèç½éæ¸æ®åï¼äººä»¬æ´æ¹äºä½¿ç¨æ¹å¼ï¼éè¿ä¸è½½è½¯ä»¶ + æ¬å°åªä½ææ¾å¨æ¥çè§é¢ï¼ä¸è½½ä½ç§¯è¾å¤§ç端游ç©æ¸¸æã
ä½æ¯å¯¹æ¶è´¹è ä½éªæ´å¥½çæ°æ¹å¼è¿æ¯åºç°å¹¶é¢ è¦äºä»¥åçä¸åï¼é£å°±æ¯æµåªä½åç½é¡µæ¸¸æãYoutube çå ¬å¸ææ¡ä½æ½®æµé£éå´èµ·ï¼åç§é¡µæ¸¸å ¬å¸ä¹å¦é¨åæ¥ç¬ã
HTML
æ å没æææ¡ä½äº§ä¸çåååæ¶æ¼è¿ï¼æµè§å¨äº§åä¹æªå级ï¼è¿åæ°éæ±è¢«æµè§å¨æ件满足äºï¼é£å°±æ¯
Flashãè¿ä¸ªé¨ç½²å¨äº¿ä¸æµè§å¨éçåä¸æ件俨ç¶æ为äºå®æ åã2005 å¹´ Adobe å·¨èµæ¶è´ Macromediaï¼æ Flash
æ¶å½æä¸ï¼ç´§æ¥çå¤§å¹ æ¨å¹¿ FLV æµåªä½å action script è¯è¨ï¼å¾ææ¾è¿æ¡©æ¶è´å¯ä»¥å为 IT 并è´çç»å ¸æ¡ä¾ï¼FLV æµåªä½å
Flash 游æé£é¡äºèç½ï¼Adobe å¨æ°ç产ä¸å级ä¸æ«åäºå¤§éçå©æ¶¦ã
é¤äº Flash è¿ä¸ªåä¸äº§åæ为äºäºå®æ åï¼W3C
è¿é¢ä¸´ä¸ä¸ªå°´å°¬ï¼å°±æ¯å¦ä¸ä¸ªç§ææ©å±åè®®çå¶é è âIEãIE å½æ¶å¨æ¡é¢æµè§å¨å æåæå°ä½ï¼å¹¶ä¸æ©å±äºå¤§éç IE Only
è¯æ³ï¼å¼åè å®å ¨ä¸ç¥éè¿äºè¯è¨æ¯è°å®ä¹çãæ´ä¸ª web ä¸çï¼å°±è¢«ä¸¤å®¶å ¬å¸å¾®è½¯ +Adobe ç»æ¶äºã
å¾å¤ IT 巨头é½åä¸ä½äºï¼å°¤å ¶æ¯è¹æå GoogleãPC
æä½ç³»ç»çä¸çé¾æçªç ´ï¼Web æµè§å¨è¢«è¹æå¯äºåæï¼æ°è´µ Google è½ç¶å¤§éèµå© Mozillaï¼ä½å¹¶æªå¯¹ IE
çå°ä½äº§çå®è´¨å½±åï¼æ¶è´äº YouTube ååç°å½èå¨ Adobe æéï¼ä¹æ¯é常é¾è¿ï¼èä¸ Google æ¯å¹´ç» IE çæç´¢æ¡å
Adoble FLV 缴纳çè´¹ç¨çä¸æ¯å°æ°ç®ã
æ¢ç¶å¤§å®¶é½æ¯ W3C ç主å¸åä½ï¼å¥½å§ï¼æ们éæ°å¼å§å HTML5 å§ãæ¯çï¼HTML5 å ¶å®å°±æ¯è¿ä¹è¯ççã
äºãHTML5第ä¸é¶æ®µï¼ Web å¢å¼ºä¸ç ´åæ
èª HTML5 è¯ç以æ¥ï¼ä¸å ±ç»åäºä¸¤ä¸ªé¶æ®µï¼åå«æ¯ Web å¢å¼ºå移å¨äºèç½ãæ们å ä» Web å¢å¼ºè¯´èµ·ãWeb ä½éªç丰å¯å¢å¼ºä¸»è¦è¡¨ç°å¨ï¼
WebApp HTML5æ°å¢äºç¦»çº¿åå¨ãæ´ä¸°å¯ç表åï¼æ¯å¦Input type=dateï¼ãjs线ç¨ãsocketãæ åæ©å±embedãcss3â¦
æµåªä½ HTML5æ°å¢äºaudioãvideo
游æ HTML5æ°å¢äºcanvasãwebgl
å½ç¶ HTML5 è¿ä¸ºæç´¢å¼æçè¯ä¹åæåäºä¼åï¼æ¯å¦æ°å¢ Header å Section çæ ç¾ï¼ä¹å¨æ éç¢çé¢ååäºä¸å°å·¥ä½ï¼è¿äºä¸åå¤è¿°ãHTML5 å¨æµåªä½å游ææ¹é¢çåªåï¼æåçéå¶äº Flash çåå±ï¼ç¶å就该éå¶ IE ç§æè¯æ³äºã
å¨ HTML5 æ åçå级è¿ç¨ä¸ï¼è¹æå Google
åæ¶ä¹çå°äºæµè§å¨å¸åºéæ°æ´ççæºä¼ï¼ä»ä»¬ä¸æ¹é¢åä¸ HTML5 çè§èï¼ä¸è¾¹å¨æµè§å¨äº§åä¸ååãApple é¦å å¼å§å¤§ååå±
Safariï¼å»ºç« WebKit å¼æºé¡¹ç®ï¼è¿ç§» Safari å° Windows å¹³å°ï¼Google èµ·åæ¯èµå© Mozilla å¼å
Firefoxï¼åæ¥èªå·±å¼åäº v8 å¼æï¼å并 WebKitï¼äº 2008 å¹´æ£å¼æ¨åº ChromeãâIE çç§æè§è +Flash
ä¸æ¯æ åï¼æ们ææ¯æ åâè¿æ ·çå£å·å¨æ°ä¸ä»£æµè§å¨å¤§æä¸æåï¼IE ç¬é´æ为å夫ææçåæ代表ï¼çè³æäºé»ç¢ Web åå±ç罪人ï¼å½æ¶ IE6
å·²æ°å¹´æªæ´æ°ï¼å¹¶ä¸ä¸æ¯«ä¸æ§ Firefox çåå±ï¼ã
ã
åå微软æ¤æ¶ä¹åºäºææï¼æ¨åºäºä¸ç³»åå³ä¸å®æ´æ¯æè§èåäºç¸ä¸å ¼å®¹ç IE7ã8ã9ã10ï¼å½»åºå¤±å»äºå¼åè çæ¯æã
Adobe ç Flash 被éå¶ï¼ä¸ Web é¸ä¸»çä½åæ¦è©èè¿ï¼IE
çç§ææ å被éå¶ï¼å¹¶ä¸é æ IE å¸åºä»½é¢ä¸åä¸æ»ï¼ç´å° IE ææ°ç移å¨çæ¬åè¿æ¥å¼å§æ¯æ WebKit è¯æ³ï¼çæ¯ä»¤äººååãä¸ç¥é
HTML6 æ¯ä¸æ¯è¯¥æå WebKit åæäºã
ä¸ãHTML5第äºé¶æ®µï¼ 移å¨äºèç½
éç Chrome å Safari çé«æçè¿ï¼ä»¥å IE+Flash
çè¡°è½ï¼HTML5 åä¸æ®µè½ï¼è¿å ¥äºä¸ä¸ä¸ªæ¶ä»£ââ移å¨äºèç½ãHTML5 ç跨平å°ä¼å¿å¨ç§»å¨äºèç½æ¶ä»£è¢«è¿ä¸æ¥å¸æ¾ãHTML5 æ¯å¯ä¸ä¸ä¸ªéå
PCãMacãiPhoneãiPadãAndroidãWindows Phone ç主æµå¹³å°ç跨平å°è¯è¨ãJava å Flash
é½æ¾æ¢¦æ³è¿ä¸ªä½ç½®ï¼ä½æ¢¦æäº iOSãæ¤æ¶äººä»¬çº·çº·å¼å§ç 究åºäº HTML5 å¼å跨平å°ææºåºç¨ãå¾å¤äººå½æ¶è®¤ä¸ºï¼åçåºç¨åªæ¯è¿æ¸¡ï¼å°±åå½å¹´ä»
C/S ç»æ转å为 B/S ç»æä¸æ ·ãèä¸å¦ä¹ Objective-C å Java å¾è´¹å²ï¼ææ¢ç¶ä¼ç½é¡µå¼åï¼ä¸ºä½ä¸è¯è¯ HTML5ã
W3C æ¤æ¶æç«äº Device API å·¥ä½ç»ï¼ä¸º HTML5 æ©å±äº
CameraãGPS çææºç¹æç APIï¼ç¶è麻ç¦çæ¯ï¼ç§»å¨äºèç½åæçè¿ä»£å¤ªå¿«äºï¼ææº OS å¨ä¸åçæ©å±ç¡¬ä»¶
APIï¼éèºä»ªãè·ç¦»æåºå¨ãæ°å计ãããæ¯å¹´ææº OS é½æ大çæ¬æ´æ°ãè W3C
ä½ä¸ºä¸ä¸ªæ°ç¾å®¶ä¼ååä½å ±åå³ççç»ç»ï¼ä»æ åèæ¡çæåºå°è¾¾æä¸è´æ¯é常å¤æçè¿ç¨ï¼è·ä¸ä¸ç§»å¨äºèç½åæçå¿«éè¿ä»£ã
PhoneGap çåºç°ï¼ç»å¼åè æå¼äºä¸æçªãå¾å¤äººæå¾ PhoneGap ä¸åæ©å± APIï¼æ¥è¡¥å æµè§å¨çä¸è¶³ãAdobe çå°
PhoneGap 仿ä½çå°äºéæ¯æ±æ¹å°ä½çå¸æï¼ä½å¨ Adobe æ¶è´ PhoneGap åï¼ååç°è¿ä¸ªä¸è¥¿é®é¢å¾å¤ï¼èä¸å¼æºä½¿å¾ Adobe
æ æ³å Flash é£æ ·è·ååä¸å©çï¼äºæ¯å°±æ PhoneGap æç»äº Apacheï¼æ¹å为 Cordovaã
å 为åç§åå ï¼Cordova
çå®ä½æç»æ²¡ææ为æµè§å¨ç强åï¼èèµ°åäºæ··åå¼å¼åãåºäºå½æ¶çèæ¯ï¼ä»ä»¬è®¤ä¸ºåçæ¯ä¸å¯æ¿ä»£çï¼âåç +HTML5âçæ··å模å¼æ´ææä¹ãæ以ç°å¨
Cordova ç使ç¨å¾å¾æ¯âåçå·¥ç¨å¸ +HTML5 å·¥ç¨å¸âä¸èµ·åä½å®æ Appã
è¿æ¶ Facebook å å ¥äº W3Cï¼çµå¤´æç«äº Mobile Web
å·¥ä½ç»ãFacebook æ¯æ·· Web åçï¼å¹¶ä¸å¨ææº OS ä¸å¹¶æ èªå·±çé¢å°ï¼ä»ä¸å欢被è¹æå Google
ææ§çåçåºç¨çæç³»ç»ãMobile Web è¿ä¸ªå·¥ä½ç»çéè¦ç®æ å°±æ¯è®© HTML5
å¼åçç½é¡µåºç¨è¾¾å°åçåºç¨çä½éªãç¶èï¼äºä¸æ¿è¿ï¼å®ä¸åªåä¹å°±ç®äºï¼ç»ææ¯åªåäºå´å¤±è´¥äºã2012 å¹´ï¼Facebook æ¾å¼äº HTML5
çæ°é»å æ¥äºå ¨ä¸çç IT åªä½ï¼HTML5 ç¬é´è¢«æå ¥å·å®«ã
Facebook 为ä½æ¾å¼ HTML5ï¼æ ¸å¿æ¯å½æ¶åºäº HTML5 ççåä¸åºå¥½ç移å¨
Appãå¯¹æ¯ Twritter çç«äºå¯¹æçåç Appï¼Facebook ç HTML5 çæ¬å®å¨æ æ³è®©ç¨æ·æ»¡æãæ¯å¦ Push åè½ï¼å°ç°å¨
HTML5 çæ¨éååççæ¨éä½éªå·®è·ä¾ç¶å·¨å¤§ï¼æ´ä¸ç¨è¯´ HTML5 åºç¨ç页é¢åæ¢ç½å±ãä¸æå·æ° /
侧æ»èåä¸æµç çä¼å¤é®é¢ãççåçå·¥ç¨å¸è½»æ¾å®ç°æä¸æãäºç»´ç ãè¯é³è¾å ¥ãå享å°æååçåè½ï¼æ´æ¯è®© HTML5 å·¥ç¨å¸æè§èªå·±ç«éäºéã
å³ä½¿ Facebook ä¸å欢被æ§å¶ï¼ä¹ä¸è½æ¿è¢«ç¨æ·æå¼æ¥åé©ãèä¸ Facebook 并没æææ¡å ³é®ç¹âææºæµè§å¨å æ ¸ãå¦ææµè§å¨ä¸è·ä¸ï¼å ¶ä»é½æ¯ç½æã
èæµè§å¨å¨ææºä¸ç表ç°æ¯ä»ä¹å¢ï¼å ç Googleï¼Chrome æ§è½è½é«ï¼ä½
Android ä¸çæµè§å¨å´å¹¶é Chromeï¼èæ¯ WebKit æ¹åºæ¥çä¸ä¸ªè¹©èç Android æµè§å¨ï¼åçè¹æï¼iOS
ä¸ä¸å è®¸å ¶ä»æµè§å¨å¼æä¸æ¶ App Storeï¼èä¸å ¶ä»ä½¿ç¨ Safari å¼æçåºç¨ä¹æ æ³è°ç¨è¹æèªå·±ç JavaScript å éå¼æ
Nitroãç»ææ¯è¹æå Google ä¸ä½ä¸å¨æµè§å¨ä¸ç§¯æå®ç° HTML5 å ³äºç§»å¨ App æéçè§èï¼åè对 HTML5 ååºç§ç§éå¶ã
ä¸ç®¡æ¯å½æ¶ç¡¬ä»¶è½åä¸è¶³ï¼è¿æ¯ææº OS ååçæ æéå¶ï¼æ»ä¹ç»æå¾ææ¾ï¼å¨ç§»å¨äºèç½çåæï¼ä¸å®æ¯åçåºç¨çæç³»ç»ç天ä¸ï¼iOS å Android é¦å æèªå·±åæè大åï¼å ¶ä»å°å¼æè½å¯»è§ å°æé¿çæºä¼ã
Facebook ä¹å¥½ï¼PhoneGap ä¹å¥½ï¼æ³å¨ç§»å¨äºèç½åæå°±åä¸æ¯ç¾¹æ¯åä¸å°çï¼ä½åæä¸æ¥ï¼æºä¼å¾å¾ä¼åºç°ã
åãHTML5è¿åççæ¥äº
HTML5 å¨è¿ä¸ªæ¶é´å®ç¨¿ï¼ä¸æä¸æ©ï¼ç¡¬ä»¶æ§è½æ´å¼ºãææº OS è¿ä»£é度ä¸éãéç
HTML5 æ åå®ç¨¿ï¼ä¸å纷äºå°åä¸æ®µè½ï¼ç°å¨ï¼å±äº HTML5 çæ¶ä»£å°æ¥äºãè¿ä¸ªæ¾è®©äººæ»¡æå¸æï¼å被 Facebook
çä¼å¤æ»¡æå¸æçå¼åè æ¾å¼çææ¯ï¼ç°å¨ä¼åè¯å¤§å®¶ï¼æ¾ç»è®©åä½å¤±æçåå ï¼ç°å¨å·²ç»ä¸åå¨äºï¼è¿å¬èµ·æ¥æäºæ人ï¼å¤§å®¶ä¸ç¦è¦é®ï¼æ¯ççåï¼è®©æ们ç»ç»å
æã
ä¸å ä¿ç§° HTML5 æâæ§åè½âéç¢ãå³ HTML5 æ§è½ä¸å¦åçãå¼åå·¥å ·ä¸å¦åçãè½åè°ç¨ä¸å¦åçã
è¿å 个é®é¢å¯¼è´å¼åè æ æ³ä½¿ç¨ HTML5 ååºä¸åçä¸æ ·ç Appãç¶èï¼ä¸ç®¡æ¯ç¡¬ä»¶å级è¿æ¯ OS ååçç¥ååï¼ä»¥åç¸å ³è½¯ä»¶ææ¯çæçï¼å·²è§£å³äº HTML5 çâæ§å·¥è½âéç¢ã
移å¨ç«¯ç¡¬ä»¶åå¤ç«èµ 2011å¹´ï¼iPhone 4sçCPUæ¯A5ï¼ç°å¨iPhone 6æ¯A8ï¼æè¹æçå次åå¸ä¼ç说æ³ï¼éåº¦å ±æåäº7.5åãè¿3å¹´é´7.5åçé度æåï¼æ¹å¹³äºå¤ªå¤HTML5çæ§è½é®é¢ã
è¹æãGoogleççç¥åå Google
å¨2013å¹´åºåå¸çAndroid 4.4ï¼å ç½®çWebviewä¸åæ¯è¹©èçAndroid
WebKitæµè§å¨ï¼èæ¯Chromiumã2012å¹´iPhone
5åå¸åï¼HTML5å¨iOSä¸ç表ç°å·²ä»¤äººæ»¡æï¼Safariç¬å®¶çJavaScriptå éå¼æNitroä¸åé£ä¹éè¦ï¼ä¸è¿å¨iOS
8åå¸åï¼è¹æè¿æ¯å¾è¯è¶£å°åæ¶äºä¸æ¹ç¨åºè°ç¨Nitroçéå¶ï¼ç°å¨ä»»ææµè§å¨æåºç¨è°ç¨iOSçUIWebviewé½å¯ä»¥å©ç¨Nitroå éã两大æ
æºæä½ç³»ç»é¸ä¸»åæµè§å¨å·¨å¤´çæ度åçäºååï¼ä½¿å¾HTML5å¨ææºä¸çåå±ä¸ååéï¼èä¸è¿ä¸ªååä¸å¯éåªè½ç»§ç»ååï¼è¿ç§ååå¿å¿ ä¼äº§çæ·±è¿çå½±åã
软件ææ¯çæç PhoneGapçåå±è½ç¶æ¾ç¼äºï¼ä½å ¶ä»äº§åææ¯å´æçäºã2014å¹´çiWeb大ä¼ä¸ï¼ä¼å¤ååç产åæä¾äºé¢åå¼åè å è´¹æå¼æºçHTML5æ§å·¥è½éç¢ç解å³æ¹æ¡ã
æ们é½ç¥éæµè§å¨çé»è®¤æ§ä»¶æ ·å¼ååçæ§ä»¶æ ·å¼å·®å«å¾å¤§ï¼ä¸ä¸ªé«æ§è½çãæ ·å¼ä½éªä¸åçæ§ä»¶ä¸æ ·
ç UI æ¡æ¶æ¯é常éè¦çï¼ä¹å jQuery Mobile ç产åçå æ§è½ä¸è¶³ï¼æ以é¾å½æ¤ä»»ãå¨è¿éåä¸ä¸ªå¹¿åï¼ææå¨ç DCloud å ¬å¸å¨
iWeb 大ä¼ä¸åå¸äºç³»ç»ç HTML5âæ§å·¥è½ç¼ºå¤±âç解å³æ¹æ¡ï¼å æ¬è§£å³ HTML5 æ§è½é®é¢çææºç«¯å¼æãè¶ å¿«ç HTML5 å¼å IDE
产å HBuilderãè¿ææ 40 ä¸åç API å°è£ æ JavaScript 对象ï¼ä»¥è§£å³ HTML5 è½åä¸è¶³é®é¢ç
Native.js ææ¯ã
è±ç¹å°å ¬å¸åå¸äº Crosswalk å¼æï¼å¯ä»¥è®© Android 4.0-4.3
çææºä¸çåºç¨æå Chromium å¼æèä¸æ¯ Android WebKitãè½è¯´æªæ¥ Android 4.4
ä¼å æ®æ´å¤å¸åºä»½é¢ï¼ä½ç®å主æµç Android ææºçç³»ç»çæ¬æ¯ç«è¿æ¯ 4.1ã4.2ã
å¨ä¸ä¸æ¹åä¸å¾å¤å ¬å¸ä¹ååºäºä¸éçæ绩ã触æ§ç Cocos2d-html5ãEgret runtime å Ludei CocoonJS 强åäº Canvas ç表ç°ï¼è®© HTML5 游æä½éªæ´å¥½ï¼UCãçè±¹çææºæµè§å¨ä¹å¼ºåäºé³è§é¢ææ¾ç表ç°ã
ä¸ç®¡æ¯ç¡¬ä»¶å级ã软件æçï¼è¿æ¯æä½ç³»ç»ååçç¥ååï¼é½å¨å¼ºåæ¨å¨ HTML5 ççåã
ä¸è¿è¦æ³¨æï¼æ说ç HTML5 çåï¼ä¸æ¯æææºæµè§å¨çåãæ人说 HTML5 ä¸å¥½ï¼å 为ç¨æ·è®¨åæå¼æµè§å¨è¾å ¥ URL
çè¿ç¨ãææ³è¯´è¿ç§æ³æ³æ¯å¯¹ HTML5 ççé¢ç解ãHTML5!= ä¼ ç»æµè§å¨ï¼è½ç¶ç¼ç¨è¯è¨è¿æ¯
HTMLãJavascriptãCSSï¼ä½åè¡æ¹å¼ç»ä¸æ¯ä¼ ç»ç½ç«é£ä¹ç®åãHTML5 åºç¨çå ¥å£ï¼åèå¾å°æ¯å¯å¨æµè§å¨è¾å ¥
URLï¼å®å¯ä»¥æ¯åå¨äºææºæ¡é¢çå¾æ ãä¹å¯ä»¥æ¥èªè¶ 级
Appï¼å¦å¾®ä¿¡æååï¼ã以åæç´¢å¼æãåºç¨å¸åºã广åèçãããå°å¤é½æ¯å®çå ¥å£ãå®çå ¥å£ï¼æ¯åç App æ´å¤ã
äºãåçAppçé¢ è¦
HTML5 çâæ§å·¥è½âéç¢å¾å°è§£å³ï¼å¯ä»¥æ¥è¿åç App çææï¼æ以å®å°±å¯ä»¥æ¿ä»£åç
App åï¼å¾å¤äººè®¤ä¸ºï¼å³ä½¿ HTML5 ä¼åå±çæ¯ç°å¨å¥½ï¼ä¹å°æ¯ä¸åç App åå ä¸é¨åå¸åºçæ ¼å±ï¼è¦æ±ä¸é«çé¿å°¾åºç¨ä¼ä½¿ç¨
HTML5ï¼è主æµåºç¨ä»æ¯åç App ç天ä¸ã
ä½æ认为è¿æ ·çæ³æ³å¾å±é©ï¼å°±å HP çé«å±åè¯æ²å ¹ï¼è°ä¼å¨å®¶éæä¸å°çµèå¢ï¼æªæ¥ HTML5 è¯å®ä¼é¢ è¦åç Appãâæ§å·¥è½âéç¢çæ¶é¤ï¼åªæ¯ HTML5 çå£å¿è¢«åå¼±ï¼ä½å£å¿è¢«æ¶é¤åï¼å®çä¼å¿å°±ä¼å¤§æ¾å¼å½©ï¼HTML5 çä¼å¿æ¯ä»ä¹ï¼å¯¹å¼åè æ¥è¯´ï¼
è·¨å¹³å° å¨
å¤å±å¹´ä»£ï¼å¼åè ççè¦ææ°é常é«ï¼äººäººé½æç¼HTML5è½æ®æ¼ææãå¤å¥ä»£ç ãä¸åææ¯å·¥ç§ãä¸å¡é»è¾åæ¥ï¼è¿æ¯æ磨人çè¿ç¨ãæç¹ç±»ä¼¼ä¸ªäººçµèæ©æä¸
çï¼é£ä¸ªæ¶åçæ¯å®¶çµèé½æèªå·±çæä½ç³»ç»åç¼ç¨è¯è¨ï¼å¼åè ç²äºåä¸åçæ¬ï¼å ¶å®DOSççè¡ä¹å¾å¤§ç¨åº¦æ¯å 为å¼åè å®å¨æ²¡ç²¾åç»å ¶ä»çµèåç¨åºã跨平
å°ææ¯å¨æ©æ大å¤å 为æ§è½é®é¢å¤æï¼ä½ä¸åæ硬件è½åå¢å¼ºååä¼å æ®ä¸»æµï¼å 为跨平å°ç¡®å®æ¯åéã
å¿«éè¿ä»£ 移
å¨äºèç½æ¯ä¸ä¸ªå¿«é±¼åæ ¢é±¼çæ¶ä»£ï¼è°å¯¹ç¨æ·çéæ±æ»¡è¶³çæ´å¿«ï¼è°çè¯éææ¬æ´ä½ï¼è°å°±æ¥æ巨大çä¼å¿ãäºèç½äº§å大å¤å è´¹ãä¸æç½ç»æåºï¼åå ¥è æ¢å¤ºç¨æ·
çé¾åº¦é常大ã使ç¨åçå¼åï¼ä»æèãå¼åãä¸çº¿å个ç¯èçæçé½æ ¢ä¸å以ä¸ï¼èä¸åä¸ç人è¶å¤ï¼æ²éæçå¾å¾ææ ¢ä¸æ¢ä¸åã
åä½ææ¬ åä¸è èèµå¹¶ä¸å®¹æï¼å¦ä½è±é±æ´é«æé常éè¦ãå¦æä½ ä½¿ç¨åçå¼åçAppåç«äºå¯¹æ使ç¨HTML5å¼åçApp没ä»ä¹åºå«ï¼ä½ä½ çå¼åææ¬é«åºä¸åï¼æç¸ä¿¡æ²¡ææèµäººä¼å欢ç»ä½ æé±ã
导æµå ¥å£å¤ HTML5åºç¨å¯¼æµé常容æï¼è¶ 级Appï¼å¦å¾®ä¿¡æååï¼ãæç´¢å¼æãåºç¨å¸åºãæµè§å¨ï¼å°å¤é½æ¯HTML5çæµéå ¥å£ãèåçAppçæµéå ¥å£åªæåºç¨å¸åºãèªæçHTML5å¼åè å½ç¶ä¼ç©è½¬åç§æµéå ¥å£ä»èåå¾æ´å¼ºçä¼å¿ã
ååæçé« å
段æ¶é´å¾®ä¿¡æååé£é¡ä¸æ¶ãç¥ç»ç«ãï¼è¿ä¸ªæ¸¸æå¦ææ¾å°Appstoreï¼ç»å¯¹æ²¡æé£ä¹å¤æµéï¼è¶ 级App带æ¥çæµéï¼è¿å¤§äºåçåºç¨å¸åºãåå¦å¾®ä¿¡å 许
游æå¨æ¡é¢å建快æ·æ¹å¼ãåå¦æ¸¸æåç»å级解å³æç»å¨±ä¹é®é¢ï¼æªæ¥ä¸å¯æ³è±¡ãé¤äºå ¥å£å¤ãæµé大ï¼å¯¼æµæçé«ä¹ä¸å¯å¿½è§ï¼è°é½ç¥éï¼é¡µæ¸¸å端游æåæ ·ç广
åï¼å¹¿ååç¨æ·ç转åçï¼é¡µæ¸¸è¿è¿é«äºç«¯æ¸¸ã
HTML5
对ç¨æ·ç好å¤æ¯ï¼åæµéå ¥å£å¤ãååæçé«ç¸å¯¹åºçãå¤§å¹ éä½ä½¿ç¨é¨æ§ãç¨æ·ç¼ççå°ä¸ä¸ªå ´è¶£ç¹ï¼ç¹å»åï¼å°±åºè¯¥ç«å³å¼å§æ»¡è¶³ç¨æ·éæ±ãæ¯å¦æµåªä½å¯ä»¥ç«
å³çï¼é¡µæ¸¸å¯ä»¥ç«å³ç©ãèç®åçåçåºç¨å¸åºï¼ç¨æ·éè¦è¿æ ·æä½ï¼éä¸ä¸ªåºç¨ãçå¾ ä¸è½½ã确认æéãçå¾ å®è£ ï¼ç¶åç¹å»æå¼ãè¿æ ·ç³ç³çä½éªè¿æ©è¦è¢«é¢
è¦ãä¸ç®¡æ¯ Appã游æè¿æ¯é³è§é¢ï¼æªæ¥é½å°å³ç¹å³ç¨ãè°å 满足ç¨æ·è¿ä¸ªéæ±ï¼è°å°±å¶èã
è¿å°±æ¯æè°â天ä¸æ¦åï¼å¯å¿«ä¸è´¥âãåæè³æ¤ï¼æ们å¯ä»¥ææ¾ççåºï¼ä¸ç®¡æ¯ç«å¨æç»ç¨æ·è§åº¦ãè¿æ¯ç«å¨å¼åè è§åº¦ï¼HTML5 å¿ å°å代åçåºç¨å½åçä½ç½®ã并ç±æ¤å¼åä¸ç³»åé¢ è¦ã
å ãè¿æä»ä¹ä¼è¢«æ¹åï¼
HTML5 ççåï¼åç App çæç³»ç»çé¢ è¦ï¼æ¯ä¸åºäº§ä¸é©å½ï¼å¾å¤è§è²é½ä¼åå°å½±åï¼æ们æ¥é¢æµä¸çªã
æ åç HTML5 å¼æ并ä¸è½è§£å³ HTML5 çææé®é¢ï¼æ¥æ大æµéå ¥å£çäºèç½å·¨å¤´ï¼è«ä¸å¨æèå åµæ´ä¼ç§çå¢å¼ºå¼æãè ¾è®¯æ¨åºäº X5 æµè§å¨å¼æï¼å°±æ¯çä¸è¿ä¸ªæºä¼ã
ç®ååè·¯æµè§å¨ååãåºç¨å¸åºååãçè³ rom ååï¼é½å¨åªåæ´åæ´ä¼è´¨çæµè§å¨å¼æã
å使微信å åµç webview å¯ä»¥è¿è¡æ´ä¼ç§ç canvas 游æãå使 360 ææºå©æå¯ä»¥åè¡å³ç¹å³ç¨ç HTML5
åºç¨å¹¶ä¸è½åä½éªä¸åçä¸è´ãå使å°ç±³ rom å ç½®æ´å¼ºå¤§ç webview 使å¾ææ HTML5
åºç¨å¨å°ç±³ææºä¸è¿è¡çæ´æµç ãææ巨头é½ä¼é»é£èå¨ï¼æ²¡éï¼è¿åºæå½¹ä¼æ¯ç§»å¨äºèç½ä¸ççäºæ¬¡ä¸ç大æã
åºç¨ååå¸åºå°é¢ä¸´æ´çï¼
ç±äºè¶ 级 App ç巨大æµéè½è½»ææ为 HTML5
åºç¨çå ¥å£ï¼å¹¶ä¸ä¼å½¢æ大è æ´å¤§çæåºï¼ä¼ ç»çåºç¨ååºãçè³çº¿ä¸é¢è£ ï¼è¿äºæµéä¸è¶³åæçåä½çåè¡æ¨¡å¼å°è¢«æ¤åºå¸åºä¸»æµãæ¬èº«ä¹æ¯è¶ 级 App
ç大æµéåºç¨ååºï¼å¦æ转åå¾å½ï¼ä¹å°ä»¥åè¡ HTML5 åºç¨ä¸ºä¸»ã
åçç广ååç»è®¡SDKæä¾åä¼é¢ä¸´å°¬å°´ï¼Googleãç¾åº¦çåºäºç½é¡µç广ååç»è®¡æå¡ä¼åå¾æ´å¤§çä¼å¿ãå¼åè ä¸åéè¦æå SDKï¼å¼å ¥ä¸ä¸ª Script å³å¯ã
å¼æºææ¯å°å¨ç§»å¨äºèç½é¢åæ´å æµè¡ãHTML çå¼æ¾æ§é å°±äºå¤§éçå¼æºäº§åï¼ä¹ååä¿è¿äº HTML çç¹è£ãå¨ Github ä¸æ大éç JS æ¡æ¶ï¼èåççå¼æºä»£ç æ°éç¸æ¯çå°ãèæªæ¥ç§»å¨äºèç½ä¸çå°å 为å¼æºèåå±çæ´è¿ éï¼è¿éä¹åæ ·åå¨ç±» Github ååçæºéã
æ©æ HTML åªéè¦è®°äºæ¬åå 个 Tagï¼ä¸æç HTMLãJSãCSS
æ¯è¾å¤æï¼éè¦æ´é«çº§çææ¬ç¼è¾å¨ï¼ä½ HTML5 å°æ¥åï¼å®ç代ç éãå¤æ度ãå¼å模åå°ä¸åçå¼åçé½ï¼éè¦ç±»ä¼¼ XCodeãEclipse
çä¸ä¸ç IDE å·¥å ·æ¥è§£å³å¼åãè°è¯çé®é¢ãä¸äºä»¥ä¼ä½¿ç¨è®°äºæ¬å代ç 为è£çå¼åè ï¼å°é¢ä¸´æ路转æ¢çè³è¢«æ´é«æçå¼åè æ·æ±°ã
HTML5 ç强大ä¼å¼åå¾å¤å®å ¨é®é¢ï¼å¹¶ä¸è§£å³æè·¯ä¸åçä¸ä¸æ ·ï¼ä¸å æå¯è½ä¼åºç°æ°çå®å ¨ååé¢å¯¼è ã
ä¸ãç»è¯
åå°ç»å°¾ï¼æè§è¯é¢æç¹å¤§äºãå ¶å®æªæ¥å¦ä½åå±æ¯æ²¡äººè½åç¡®é¢æµçï¼åéé常å¤ãä½ææ³è®©ç¨æ·åå¼åè é½æ´æ¹ä¾¿çè¶å¿æ¯ä¸ä¼éçã欢è¿å¤§å®¶ä¸èµ·è®¨è®º HTML5 çé®é¢ï¼å¨äºè®®ä¸æç¼çç¥ãï¼36æ°ªæè¿å°ä¼ä¼å æ¥åä¸äº HTML5 çå¼åè æ¥æ稿åä¸è®¨è®ºï¼å ³æ³¨ä½ä¸éäº HTML 游æå¼åï¼æµè§å¨å æ ¸ï¼è½»åºç¨ååï¼é®ç®± tips#36kr.comï¼
2007 å¹´ W3Cï¼ä¸ç»´ç½èçï¼ç«é¡¹ HTML5ï¼ç´è³ 2014 å¹´ 10 æåºï¼è¿ä¸ªé¿è¾¾å «å¹´çè§èç»äºæ£å¼å®ç¨¿ãæ¥ä¸æ¥ï¼HTML5 å°çæ£å¼å§é¢ è¦åçï¼Nativeï¼ App ä¸çãè½ç¶è¿ç§å±è¨è¸å¬å·²ç»è®©äººæç¹åç¦ãä½æ¯å¦æå顾 HTML è¿äºå¹´èµ°è¿çè·¯ï¼ä½ å°±ä¸ä¼åæçå®çè½éã
ä¸ãHTML5çè¯ç
èª W3C äº 1999 å¹´åå¸ HTML4 åï¼Web ä¸çå¿«éåå±ï¼ä¸çç¹è£ã人们ä¸åº¦è®¤ä¸º HTML æ åä¸éè¦å级äºãä¸äºè´åäºåå± Web App çå ¬å¸å¦è¡æç«äº WHATWG ç»ç»ï¼ç´å° 2007 å¹´ï¼W3C ä» WHATWG æ¥æç¸å ³å·¥ä½ï¼éæ°å¼å§åå± HTML5ã
HTML5 çåå±å²ï¼æç¨æ·çéæ±å¨æ¨å¨ï¼æææ¯å¼åè çéæ±å¨æ¨å¨ï¼æ´æ巨大çåä¸å©çå¨æ¨å¨ãå¨äºèç½çæ©æï¼å¯¹ç¨æ·èè¨ï¼è½æå¼æµè§å¨æ¥å ¥å°äºèç½ä¸çå°±æ¯ä¸ä¸ªç¥å¥çäºæ ï¼ä½äºèç½åå±å° 2005 å¹´ååï¼å¼å§åºç°ä¸ä¸ä¸ªååï¼å°±æ¯å®½å¸¦äºèã
éç宽带çæ®ååçµèæ§è½çå¢å¼ºï¼äººä»¬ä¸å满足äºå纯çéè¿äºèç½çæ°é»ãæ¶åé®ä»¶ï¼æ¶èæ´é«å¸¦
宽ç娱ä¹äº§åå¼å§åºç°ï¼å°±æ¯æµè§é¢åç½é¡µæ¸¸æãå ¶å®è§é¢å游ææ¯å¤èçéæ±ï¼å¨äºèç½ä¸æ®åçæ¶åï¼éæ±ç满足æ¹å¼æ¯ç¦»çº¿ä¼ è¾ç VCD
å游æå çï¼åæ¥äºèç½éæ¸æ®åï¼äººä»¬æ´æ¹äºä½¿ç¨æ¹å¼ï¼éè¿ä¸è½½è½¯ä»¶ + æ¬å°åªä½ææ¾å¨æ¥çè§é¢ï¼ä¸è½½ä½ç§¯è¾å¤§ç端游ç©æ¸¸æã
ä½æ¯å¯¹æ¶è´¹è ä½éªæ´å¥½çæ°æ¹å¼è¿æ¯åºç°å¹¶é¢ è¦äºä»¥åçä¸åï¼é£å°±æ¯æµåªä½åç½é¡µæ¸¸æãYoutube çå ¬å¸ææ¡ä½æ½®æµé£éå´èµ·ï¼åç§é¡µæ¸¸å ¬å¸ä¹å¦é¨åæ¥ç¬ã
HTML
æ å没æææ¡ä½äº§ä¸çåååæ¶æ¼è¿ï¼æµè§å¨äº§åä¹æªå级ï¼è¿åæ°éæ±è¢«æµè§å¨æ件满足äºï¼é£å°±æ¯
Flashãè¿ä¸ªé¨ç½²å¨äº¿ä¸æµè§å¨éçåä¸æ件俨ç¶æ为äºå®æ åã2005 å¹´ Adobe å·¨èµæ¶è´ Macromediaï¼æ Flash
æ¶å½æä¸ï¼ç´§æ¥çå¤§å¹ æ¨å¹¿ FLV æµåªä½å action script è¯è¨ï¼å¾ææ¾è¿æ¡©æ¶è´å¯ä»¥å为 IT 并è´çç»å ¸æ¡ä¾ï¼FLV æµåªä½å
Flash 游æé£é¡äºèç½ï¼Adobe å¨æ°ç产ä¸å级ä¸æ«åäºå¤§éçå©æ¶¦ã
é¤äº Flash è¿ä¸ªåä¸äº§åæ为äºäºå®æ åï¼W3C
è¿é¢ä¸´ä¸ä¸ªå°´å°¬ï¼å°±æ¯å¦ä¸ä¸ªç§ææ©å±åè®®çå¶é è âIEãIE å½æ¶å¨æ¡é¢æµè§å¨å æåæå°ä½ï¼å¹¶ä¸æ©å±äºå¤§éç IE Only
è¯æ³ï¼å¼åè å®å ¨ä¸ç¥éè¿äºè¯è¨æ¯è°å®ä¹çãæ´ä¸ª web ä¸çï¼å°±è¢«ä¸¤å®¶å ¬å¸å¾®è½¯ +Adobe ç»æ¶äºã
å¾å¤ IT 巨头é½åä¸ä½äºï¼å°¤å ¶æ¯è¹æå GoogleãPC
æä½ç³»ç»çä¸çé¾æçªç ´ï¼Web æµè§å¨è¢«è¹æå¯äºåæï¼æ°è´µ Google è½ç¶å¤§éèµå© Mozillaï¼ä½å¹¶æªå¯¹ IE
çå°ä½äº§çå®è´¨å½±åï¼æ¶è´äº YouTube ååç°å½èå¨ Adobe æéï¼ä¹æ¯é常é¾è¿ï¼èä¸ Google æ¯å¹´ç» IE çæç´¢æ¡å
Adoble FLV 缴纳çè´¹ç¨çä¸æ¯å°æ°ç®ã
æ¢ç¶å¤§å®¶é½æ¯ W3C ç主å¸åä½ï¼å¥½å§ï¼æ们éæ°å¼å§å HTML5 å§ãæ¯çï¼HTML5 å ¶å®å°±æ¯è¿ä¹è¯ççã
äºãHTML5第ä¸é¶æ®µï¼ Web å¢å¼ºä¸ç ´åæ
èª HTML5 è¯ç以æ¥ï¼ä¸å ±ç»åäºä¸¤ä¸ªé¶æ®µï¼åå«æ¯ Web å¢å¼ºå移å¨äºèç½ãæ们å ä» Web å¢å¼ºè¯´èµ·ãWeb ä½éªç丰å¯å¢å¼ºä¸»è¦è¡¨ç°å¨ï¼
WebApp HTML5æ°å¢äºç¦»çº¿åå¨ãæ´ä¸°å¯ç表åï¼æ¯å¦Input type=dateï¼ãjs线ç¨ãsocketãæ åæ©å±embedãcss3â¦
æµåªä½ HTML5æ°å¢äºaudioãvideo
游æ HTML5æ°å¢äºcanvasãwebgl
å½ç¶ HTML5 è¿ä¸ºæç´¢å¼æçè¯ä¹åæåäºä¼åï¼æ¯å¦æ°å¢ Header å Section çæ ç¾ï¼ä¹å¨æ éç¢çé¢ååäºä¸å°å·¥ä½ï¼è¿äºä¸åå¤è¿°ãHTML5 å¨æµåªä½å游ææ¹é¢çåªåï¼æåçéå¶äº Flash çåå±ï¼ç¶å就该éå¶ IE ç§æè¯æ³äºã
å¨ HTML5 æ åçå级è¿ç¨ä¸ï¼è¹æå Google
åæ¶ä¹çå°äºæµè§å¨å¸åºéæ°æ´ççæºä¼ï¼ä»ä»¬ä¸æ¹é¢åä¸ HTML5 çè§èï¼ä¸è¾¹å¨æµè§å¨äº§åä¸ååãApple é¦å å¼å§å¤§ååå±
Safariï¼å»ºç« WebKit å¼æºé¡¹ç®ï¼è¿ç§» Safari å° Windows å¹³å°ï¼Google èµ·åæ¯èµå© Mozilla å¼å
Firefoxï¼åæ¥èªå·±å¼åäº v8 å¼æï¼å并 WebKitï¼äº 2008 å¹´æ£å¼æ¨åº ChromeãâIE çç§æè§è +Flash
ä¸æ¯æ åï¼æ们ææ¯æ åâè¿æ ·çå£å·å¨æ°ä¸ä»£æµè§å¨å¤§æä¸æåï¼IE ç¬é´æ为å夫ææçåæ代表ï¼çè³æäºé»ç¢ Web åå±ç罪人ï¼å½æ¶ IE6
å·²æ°å¹´æªæ´æ°ï¼å¹¶ä¸ä¸æ¯«ä¸æ§ Firefox çåå±ï¼ã
ã
åå微软æ¤æ¶ä¹åºäºææï¼æ¨åºäºä¸ç³»åå³ä¸å®æ´æ¯æè§èåäºç¸ä¸å ¼å®¹ç IE7ã8ã9ã10ï¼å½»åºå¤±å»äºå¼åè çæ¯æã
Adobe ç Flash 被éå¶ï¼ä¸ Web é¸ä¸»çä½åæ¦è©èè¿ï¼IE
çç§ææ å被éå¶ï¼å¹¶ä¸é æ IE å¸åºä»½é¢ä¸åä¸æ»ï¼ç´å° IE ææ°ç移å¨çæ¬åè¿æ¥å¼å§æ¯æ WebKit è¯æ³ï¼çæ¯ä»¤äººååãä¸ç¥é
HTML6 æ¯ä¸æ¯è¯¥æå WebKit åæäºã
ä¸ãHTML5第äºé¶æ®µï¼ 移å¨äºèç½
éç Chrome å Safari çé«æçè¿ï¼ä»¥å IE+Flash
çè¡°è½ï¼HTML5 åä¸æ®µè½ï¼è¿å ¥äºä¸ä¸ä¸ªæ¶ä»£ââ移å¨äºèç½ãHTML5 ç跨平å°ä¼å¿å¨ç§»å¨äºèç½æ¶ä»£è¢«è¿ä¸æ¥å¸æ¾ãHTML5 æ¯å¯ä¸ä¸ä¸ªéå
PCãMacãiPhoneãiPadãAndroidãWindows Phone ç主æµå¹³å°ç跨平å°è¯è¨ãJava å Flash
é½æ¾æ¢¦æ³è¿ä¸ªä½ç½®ï¼ä½æ¢¦æäº iOSãæ¤æ¶äººä»¬çº·çº·å¼å§ç 究åºäº HTML5 å¼å跨平å°ææºåºç¨ãå¾å¤äººå½æ¶è®¤ä¸ºï¼åçåºç¨åªæ¯è¿æ¸¡ï¼å°±åå½å¹´ä»
C/S ç»æ转å为 B/S ç»æä¸æ ·ãèä¸å¦ä¹ Objective-C å Java å¾è´¹å²ï¼ææ¢ç¶ä¼ç½é¡µå¼åï¼ä¸ºä½ä¸è¯è¯ HTML5ã
W3C æ¤æ¶æç«äº Device API å·¥ä½ç»ï¼ä¸º HTML5 æ©å±äº
CameraãGPS çææºç¹æç APIï¼ç¶è麻ç¦çæ¯ï¼ç§»å¨äºèç½åæçè¿ä»£å¤ªå¿«äºï¼ææº OS å¨ä¸åçæ©å±ç¡¬ä»¶
APIï¼éèºä»ªãè·ç¦»æåºå¨ãæ°å计ãããæ¯å¹´ææº OS é½æ大çæ¬æ´æ°ãè W3C
ä½ä¸ºä¸ä¸ªæ°ç¾å®¶ä¼ååä½å ±åå³ççç»ç»ï¼ä»æ åèæ¡çæåºå°è¾¾æä¸è´æ¯é常å¤æçè¿ç¨ï¼è·ä¸ä¸ç§»å¨äºèç½åæçå¿«éè¿ä»£ã
PhoneGap çåºç°ï¼ç»å¼åè æå¼äºä¸æçªãå¾å¤äººæå¾ PhoneGap ä¸åæ©å± APIï¼æ¥è¡¥å æµè§å¨çä¸è¶³ãAdobe çå°
PhoneGap 仿ä½çå°äºéæ¯æ±æ¹å°ä½çå¸æï¼ä½å¨ Adobe æ¶è´ PhoneGap åï¼ååç°è¿ä¸ªä¸è¥¿é®é¢å¾å¤ï¼èä¸å¼æºä½¿å¾ Adobe
æ æ³å Flash é£æ ·è·ååä¸å©çï¼äºæ¯å°±æ PhoneGap æç»äº Apacheï¼æ¹å为 Cordovaã
å 为åç§åå ï¼Cordova
çå®ä½æç»æ²¡ææ为æµè§å¨ç强åï¼èèµ°åäºæ··åå¼å¼åãåºäºå½æ¶çèæ¯ï¼ä»ä»¬è®¤ä¸ºåçæ¯ä¸å¯æ¿ä»£çï¼âåç +HTML5âçæ··å模å¼æ´ææä¹ãæ以ç°å¨
Cordova ç使ç¨å¾å¾æ¯âåçå·¥ç¨å¸ +HTML5 å·¥ç¨å¸âä¸èµ·åä½å®æ Appã
è¿æ¶ Facebook å å ¥äº W3Cï¼çµå¤´æç«äº Mobile Web
å·¥ä½ç»ãFacebook æ¯æ·· Web åçï¼å¹¶ä¸å¨ææº OS ä¸å¹¶æ èªå·±çé¢å°ï¼ä»ä¸å欢被è¹æå Google
ææ§çåçåºç¨çæç³»ç»ãMobile Web è¿ä¸ªå·¥ä½ç»çéè¦ç®æ å°±æ¯è®© HTML5
å¼åçç½é¡µåºç¨è¾¾å°åçåºç¨çä½éªãç¶èï¼äºä¸æ¿è¿ï¼å®ä¸åªåä¹å°±ç®äºï¼ç»ææ¯åªåäºå´å¤±è´¥äºã2012 å¹´ï¼Facebook æ¾å¼äº HTML5
çæ°é»å æ¥äºå ¨ä¸çç IT åªä½ï¼HTML5 ç¬é´è¢«æå ¥å·å®«ã
Facebook 为ä½æ¾å¼ HTML5ï¼æ ¸å¿æ¯å½æ¶åºäº HTML5 ççåä¸åºå¥½ç移å¨
Appãå¯¹æ¯ Twritter çç«äºå¯¹æçåç Appï¼Facebook ç HTML5 çæ¬å®å¨æ æ³è®©ç¨æ·æ»¡æãæ¯å¦ Push åè½ï¼å°ç°å¨
HTML5 çæ¨éååççæ¨éä½éªå·®è·ä¾ç¶å·¨å¤§ï¼æ´ä¸ç¨è¯´ HTML5 åºç¨ç页é¢åæ¢ç½å±ãä¸æå·æ° /
侧æ»èåä¸æµç çä¼å¤é®é¢ãççåçå·¥ç¨å¸è½»æ¾å®ç°æä¸æãäºç»´ç ãè¯é³è¾å ¥ãå享å°æååçåè½ï¼æ´æ¯è®© HTML5 å·¥ç¨å¸æè§èªå·±ç«éäºéã
å³ä½¿ Facebook ä¸å欢被æ§å¶ï¼ä¹ä¸è½æ¿è¢«ç¨æ·æå¼æ¥åé©ãèä¸ Facebook 并没æææ¡å ³é®ç¹âææºæµè§å¨å æ ¸ãå¦ææµè§å¨ä¸è·ä¸ï¼å ¶ä»é½æ¯ç½æã
èæµè§å¨å¨ææºä¸ç表ç°æ¯ä»ä¹å¢ï¼å ç Googleï¼Chrome æ§è½è½é«ï¼ä½
Android ä¸çæµè§å¨å´å¹¶é Chromeï¼èæ¯ WebKit æ¹åºæ¥çä¸ä¸ªè¹©èç Android æµè§å¨ï¼åçè¹æï¼iOS
ä¸ä¸å è®¸å ¶ä»æµè§å¨å¼æä¸æ¶ App Storeï¼èä¸å ¶ä»ä½¿ç¨ Safari å¼æçåºç¨ä¹æ æ³è°ç¨è¹æèªå·±ç JavaScript å éå¼æ
Nitroãç»ææ¯è¹æå Google ä¸ä½ä¸å¨æµè§å¨ä¸ç§¯æå®ç° HTML5 å ³äºç§»å¨ App æéçè§èï¼åè对 HTML5 ååºç§ç§éå¶ã
ä¸ç®¡æ¯å½æ¶ç¡¬ä»¶è½åä¸è¶³ï¼è¿æ¯ææº OS ååçæ æéå¶ï¼æ»ä¹ç»æå¾ææ¾ï¼å¨ç§»å¨äºèç½çåæï¼ä¸å®æ¯åçåºç¨çæç³»ç»ç天ä¸ï¼iOS å Android é¦å æèªå·±åæè大åï¼å ¶ä»å°å¼æè½å¯»è§ å°æé¿çæºä¼ã
Facebook ä¹å¥½ï¼PhoneGap ä¹å¥½ï¼æ³å¨ç§»å¨äºèç½åæå°±åä¸æ¯ç¾¹æ¯åä¸å°çï¼ä½åæä¸æ¥ï¼æºä¼å¾å¾ä¼åºç°ã
åãHTML5è¿åççæ¥äº
HTML5 å¨è¿ä¸ªæ¶é´å®ç¨¿ï¼ä¸æä¸æ©ï¼ç¡¬ä»¶æ§è½æ´å¼ºãææº OS è¿ä»£é度ä¸éãéç
HTML5 æ åå®ç¨¿ï¼ä¸å纷äºå°åä¸æ®µè½ï¼ç°å¨ï¼å±äº HTML5 çæ¶ä»£å°æ¥äºãè¿ä¸ªæ¾è®©äººæ»¡æå¸æï¼å被 Facebook
çä¼å¤æ»¡æå¸æçå¼åè æ¾å¼çææ¯ï¼ç°å¨ä¼åè¯å¤§å®¶ï¼æ¾ç»è®©åä½å¤±æçåå ï¼ç°å¨å·²ç»ä¸åå¨äºï¼è¿å¬èµ·æ¥æäºæ人ï¼å¤§å®¶ä¸ç¦è¦é®ï¼æ¯ççåï¼è®©æ们ç»ç»å
æã
ä¸å ä¿ç§° HTML5 æâæ§åè½âéç¢ãå³ HTML5 æ§è½ä¸å¦åçãå¼åå·¥å ·ä¸å¦åçãè½åè°ç¨ä¸å¦åçã
è¿å 个é®é¢å¯¼è´å¼åè æ æ³ä½¿ç¨ HTML5 ååºä¸åçä¸æ ·ç Appãç¶èï¼ä¸ç®¡æ¯ç¡¬ä»¶å级è¿æ¯ OS ååçç¥ååï¼ä»¥åç¸å ³è½¯ä»¶ææ¯çæçï¼å·²è§£å³äº HTML5 çâæ§å·¥è½âéç¢ã
移å¨ç«¯ç¡¬ä»¶åå¤ç«èµ 2011å¹´ï¼iPhone 4sçCPUæ¯A5ï¼ç°å¨iPhone 6æ¯A8ï¼æè¹æçå次åå¸ä¼ç说æ³ï¼éåº¦å ±æåäº7.5åãè¿3å¹´é´7.5åçé度æåï¼æ¹å¹³äºå¤ªå¤HTML5çæ§è½é®é¢ã
è¹æãGoogleççç¥åå Google
å¨2013å¹´åºåå¸çAndroid 4.4ï¼å ç½®çWebviewä¸åæ¯è¹©èçAndroid
WebKitæµè§å¨ï¼èæ¯Chromiumã2012å¹´iPhone
5åå¸åï¼HTML5å¨iOSä¸ç表ç°å·²ä»¤äººæ»¡æï¼Safariç¬å®¶çJavaScriptå éå¼æNitroä¸åé£ä¹éè¦ï¼ä¸è¿å¨iOS
8åå¸åï¼è¹æè¿æ¯å¾è¯è¶£å°åæ¶äºä¸æ¹ç¨åºè°ç¨Nitroçéå¶ï¼ç°å¨ä»»ææµè§å¨æåºç¨è°ç¨iOSçUIWebviewé½å¯ä»¥å©ç¨Nitroå éã两大æ
æºæä½ç³»ç»é¸ä¸»åæµè§å¨å·¨å¤´çæ度åçäºååï¼ä½¿å¾HTML5å¨ææºä¸çåå±ä¸ååéï¼èä¸è¿ä¸ªååä¸å¯éåªè½ç»§ç»ååï¼è¿ç§ååå¿å¿ ä¼äº§çæ·±è¿çå½±åã
软件ææ¯çæç PhoneGapçåå±è½ç¶æ¾ç¼äºï¼ä½å ¶ä»äº§åææ¯å´æçäºã2014å¹´çiWeb大ä¼ä¸ï¼ä¼å¤ååç产åæä¾äºé¢åå¼åè å è´¹æå¼æºçHTML5æ§å·¥è½éç¢ç解å³æ¹æ¡ã
æ们é½ç¥éæµè§å¨çé»è®¤æ§ä»¶æ ·å¼ååçæ§ä»¶æ ·å¼å·®å«å¾å¤§ï¼ä¸ä¸ªé«æ§è½çãæ ·å¼ä½éªä¸åçæ§ä»¶ä¸æ ·
ç UI æ¡æ¶æ¯é常éè¦çï¼ä¹å jQuery Mobile ç产åçå æ§è½ä¸è¶³ï¼æ以é¾å½æ¤ä»»ãå¨è¿éåä¸ä¸ªå¹¿åï¼ææå¨ç DCloud å ¬å¸å¨
iWeb 大ä¼ä¸åå¸äºç³»ç»ç HTML5âæ§å·¥è½ç¼ºå¤±âç解å³æ¹æ¡ï¼å æ¬è§£å³ HTML5 æ§è½é®é¢çææºç«¯å¼æãè¶ å¿«ç HTML5 å¼å IDE
产å HBuilderãè¿ææ 40 ä¸åç API å°è£ æ JavaScript 对象ï¼ä»¥è§£å³ HTML5 è½åä¸è¶³é®é¢ç
Native.js ææ¯ã
è±ç¹å°å ¬å¸åå¸äº Crosswalk å¼æï¼å¯ä»¥è®© Android 4.0-4.3
çææºä¸çåºç¨æå Chromium å¼æèä¸æ¯ Android WebKitãè½è¯´æªæ¥ Android 4.4
ä¼å æ®æ´å¤å¸åºä»½é¢ï¼ä½ç®å主æµç Android ææºçç³»ç»çæ¬æ¯ç«è¿æ¯ 4.1ã4.2ã
å¨ä¸ä¸æ¹åä¸å¾å¤å ¬å¸ä¹ååºäºä¸éçæ绩ã触æ§ç Cocos2d-html5ãEgret runtime å Ludei CocoonJS 强åäº Canvas ç表ç°ï¼è®© HTML5 游æä½éªæ´å¥½ï¼UCãçè±¹çææºæµè§å¨ä¹å¼ºåäºé³è§é¢ææ¾ç表ç°ã
ä¸ç®¡æ¯ç¡¬ä»¶å级ã软件æçï¼è¿æ¯æä½ç³»ç»ååçç¥ååï¼é½å¨å¼ºåæ¨å¨ HTML5 ççåã
ä¸è¿è¦æ³¨æï¼æ说ç HTML5 çåï¼ä¸æ¯æææºæµè§å¨çåãæ人说 HTML5 ä¸å¥½ï¼å 为ç¨æ·è®¨åæå¼æµè§å¨è¾å ¥ URL
çè¿ç¨ãææ³è¯´è¿ç§æ³æ³æ¯å¯¹ HTML5 ççé¢ç解ãHTML5!= ä¼ ç»æµè§å¨ï¼è½ç¶ç¼ç¨è¯è¨è¿æ¯
HTMLãJavascriptãCSSï¼ä½åè¡æ¹å¼ç»ä¸æ¯ä¼ ç»ç½ç«é£ä¹ç®åãHTML5 åºç¨çå ¥å£ï¼åèå¾å°æ¯å¯å¨æµè§å¨è¾å ¥
URLï¼å®å¯ä»¥æ¯åå¨äºææºæ¡é¢çå¾æ ãä¹å¯ä»¥æ¥èªè¶ 级
Appï¼å¦å¾®ä¿¡æååï¼ã以åæç´¢å¼æãåºç¨å¸åºã广åèçãããå°å¤é½æ¯å®çå ¥å£ãå®çå ¥å£ï¼æ¯åç App æ´å¤ã
äºãåçAppçé¢ è¦
HTML5 çâæ§å·¥è½âéç¢å¾å°è§£å³ï¼å¯ä»¥æ¥è¿åç App çææï¼æ以å®å°±å¯ä»¥æ¿ä»£åç
App åï¼å¾å¤äººè®¤ä¸ºï¼å³ä½¿ HTML5 ä¼åå±çæ¯ç°å¨å¥½ï¼ä¹å°æ¯ä¸åç App åå ä¸é¨åå¸åºçæ ¼å±ï¼è¦æ±ä¸é«çé¿å°¾åºç¨ä¼ä½¿ç¨
HTML5ï¼è主æµåºç¨ä»æ¯åç App ç天ä¸ã
ä½æ认为è¿æ ·çæ³æ³å¾å±é©ï¼å°±å HP çé«å±åè¯æ²å ¹ï¼è°ä¼å¨å®¶éæä¸å°çµèå¢ï¼æªæ¥ HTML5 è¯å®ä¼é¢ è¦åç Appãâæ§å·¥è½âéç¢çæ¶é¤ï¼åªæ¯ HTML5 çå£å¿è¢«åå¼±ï¼ä½å£å¿è¢«æ¶é¤åï¼å®çä¼å¿å°±ä¼å¤§æ¾å¼å½©ï¼HTML5 çä¼å¿æ¯ä»ä¹ï¼å¯¹å¼åè æ¥è¯´ï¼
è·¨å¹³å° å¨
å¤å±å¹´ä»£ï¼å¼åè ççè¦ææ°é常é«ï¼äººäººé½æç¼HTML5è½æ®æ¼ææãå¤å¥ä»£ç ãä¸åææ¯å·¥ç§ãä¸å¡é»è¾åæ¥ï¼è¿æ¯æ磨人çè¿ç¨ãæç¹ç±»ä¼¼ä¸ªäººçµèæ©æä¸
çï¼é£ä¸ªæ¶åçæ¯å®¶çµèé½æèªå·±çæä½ç³»ç»åç¼ç¨è¯è¨ï¼å¼åè ç²äºåä¸åçæ¬ï¼å ¶å®DOSççè¡ä¹å¾å¤§ç¨åº¦æ¯å 为å¼åè å®å¨æ²¡ç²¾åç»å ¶ä»çµèåç¨åºã跨平
å°ææ¯å¨æ©æ大å¤å 为æ§è½é®é¢å¤æï¼ä½ä¸åæ硬件è½åå¢å¼ºååä¼å æ®ä¸»æµï¼å 为跨平å°ç¡®å®æ¯åéã
å¿«éè¿ä»£ 移
å¨äºèç½æ¯ä¸ä¸ªå¿«é±¼åæ ¢é±¼çæ¶ä»£ï¼è°å¯¹ç¨æ·çéæ±æ»¡è¶³çæ´å¿«ï¼è°çè¯éææ¬æ´ä½ï¼è°å°±æ¥æ巨大çä¼å¿ãäºèç½äº§å大å¤å è´¹ãä¸æç½ç»æåºï¼åå ¥è æ¢å¤ºç¨æ·
çé¾åº¦é常大ã使ç¨åçå¼åï¼ä»æèãå¼åãä¸çº¿å个ç¯èçæçé½æ ¢ä¸å以ä¸ï¼èä¸åä¸ç人è¶å¤ï¼æ²éæçå¾å¾ææ ¢ä¸æ¢ä¸åã
åä½ææ¬ åä¸è èèµå¹¶ä¸å®¹æï¼å¦ä½è±é±æ´é«æé常éè¦ãå¦æä½ ä½¿ç¨åçå¼åçAppåç«äºå¯¹æ使ç¨HTML5å¼åçApp没ä»ä¹åºå«ï¼ä½ä½ çå¼åææ¬é«åºä¸åï¼æç¸ä¿¡æ²¡ææèµäººä¼å欢ç»ä½ æé±ã
导æµå ¥å£å¤ HTML5åºç¨å¯¼æµé常容æï¼è¶ 级Appï¼å¦å¾®ä¿¡æååï¼ãæç´¢å¼æãåºç¨å¸åºãæµè§å¨ï¼å°å¤é½æ¯HTML5çæµéå ¥å£ãèåçAppçæµéå ¥å£åªæåºç¨å¸åºãèªæçHTML5å¼åè å½ç¶ä¼ç©è½¬åç§æµéå ¥å£ä»èåå¾æ´å¼ºçä¼å¿ã
ååæçé« å
段æ¶é´å¾®ä¿¡æååé£é¡ä¸æ¶ãç¥ç»ç«ãï¼è¿ä¸ªæ¸¸æå¦ææ¾å°Appstoreï¼ç»å¯¹æ²¡æé£ä¹å¤æµéï¼è¶ 级App带æ¥çæµéï¼è¿å¤§äºåçåºç¨å¸åºãåå¦å¾®ä¿¡å 许
游æå¨æ¡é¢å建快æ·æ¹å¼ãåå¦æ¸¸æåç»å级解å³æç»å¨±ä¹é®é¢ï¼æªæ¥ä¸å¯æ³è±¡ãé¤äºå ¥å£å¤ãæµé大ï¼å¯¼æµæçé«ä¹ä¸å¯å¿½è§ï¼è°é½ç¥éï¼é¡µæ¸¸å端游æåæ ·ç广
åï¼å¹¿ååç¨æ·ç转åçï¼é¡µæ¸¸è¿è¿é«äºç«¯æ¸¸ã
HTML5
对ç¨æ·ç好å¤æ¯ï¼åæµéå ¥å£å¤ãååæçé«ç¸å¯¹åºçãå¤§å¹ éä½ä½¿ç¨é¨æ§ãç¨æ·ç¼ççå°ä¸ä¸ªå ´è¶£ç¹ï¼ç¹å»åï¼å°±åºè¯¥ç«å³å¼å§æ»¡è¶³ç¨æ·éæ±ãæ¯å¦æµåªä½å¯ä»¥ç«
å³çï¼é¡µæ¸¸å¯ä»¥ç«å³ç©ãèç®åçåçåºç¨å¸åºï¼ç¨æ·éè¦è¿æ ·æä½ï¼éä¸ä¸ªåºç¨ãçå¾ ä¸è½½ã确认æéãçå¾ å®è£ ï¼ç¶åç¹å»æå¼ãè¿æ ·ç³ç³çä½éªè¿æ©è¦è¢«é¢
è¦ãä¸ç®¡æ¯ Appã游æè¿æ¯é³è§é¢ï¼æªæ¥é½å°å³ç¹å³ç¨ãè°å 满足ç¨æ·è¿ä¸ªéæ±ï¼è°å°±å¶èã
è¿å°±æ¯æè°â天ä¸æ¦åï¼å¯å¿«ä¸è´¥âãåæè³æ¤ï¼æ们å¯ä»¥ææ¾ççåºï¼ä¸ç®¡æ¯ç«å¨æç»ç¨æ·è§åº¦ãè¿æ¯ç«å¨å¼åè è§åº¦ï¼HTML5 å¿ å°å代åçåºç¨å½åçä½ç½®ã并ç±æ¤å¼åä¸ç³»åé¢ è¦ã
å ãè¿æä»ä¹ä¼è¢«æ¹åï¼
HTML5 ççåï¼åç App çæç³»ç»çé¢ è¦ï¼æ¯ä¸åºäº§ä¸é©å½ï¼å¾å¤è§è²é½ä¼åå°å½±åï¼æ们æ¥é¢æµä¸çªã
æ åç HTML5 å¼æ并ä¸è½è§£å³ HTML5 çææé®é¢ï¼æ¥æ大æµéå ¥å£çäºèç½å·¨å¤´ï¼è«ä¸å¨æèå åµæ´ä¼ç§çå¢å¼ºå¼æãè ¾è®¯æ¨åºäº X5 æµè§å¨å¼æï¼å°±æ¯çä¸è¿ä¸ªæºä¼ã
ç®ååè·¯æµè§å¨ååãåºç¨å¸åºååãçè³ rom ååï¼é½å¨åªåæ´åæ´ä¼è´¨çæµè§å¨å¼æã
å使微信å åµç webview å¯ä»¥è¿è¡æ´ä¼ç§ç canvas 游æãå使 360 ææºå©æå¯ä»¥åè¡å³ç¹å³ç¨ç HTML5
åºç¨å¹¶ä¸è½åä½éªä¸åçä¸è´ãå使å°ç±³ rom å ç½®æ´å¼ºå¤§ç webview 使å¾ææ HTML5
åºç¨å¨å°ç±³ææºä¸è¿è¡çæ´æµç ãææ巨头é½ä¼é»é£èå¨ï¼æ²¡éï¼è¿åºæå½¹ä¼æ¯ç§»å¨äºèç½ä¸ççäºæ¬¡ä¸ç大æã
åºç¨ååå¸åºå°é¢ä¸´æ´çï¼
ç±äºè¶ 级 App ç巨大æµéè½è½»ææ为 HTML5
åºç¨çå ¥å£ï¼å¹¶ä¸ä¼å½¢æ大è æ´å¤§çæåºï¼ä¼ ç»çåºç¨ååºãçè³çº¿ä¸é¢è£ ï¼è¿äºæµéä¸è¶³åæçåä½çåè¡æ¨¡å¼å°è¢«æ¤åºå¸åºä¸»æµãæ¬èº«ä¹æ¯è¶ 级 App
ç大æµéåºç¨ååºï¼å¦æ转åå¾å½ï¼ä¹å°ä»¥åè¡ HTML5 åºç¨ä¸ºä¸»ã
åçç广ååç»è®¡SDKæä¾åä¼é¢ä¸´å°¬å°´ï¼Googleãç¾åº¦çåºäºç½é¡µç广ååç»è®¡æå¡ä¼åå¾æ´å¤§çä¼å¿ãå¼åè ä¸åéè¦æå SDKï¼å¼å ¥ä¸ä¸ª Script å³å¯ã
å¼æºææ¯å°å¨ç§»å¨äºèç½é¢åæ´å æµè¡ãHTML çå¼æ¾æ§é å°±äºå¤§éçå¼æºäº§åï¼ä¹ååä¿è¿äº HTML çç¹è£ãå¨ Github ä¸æ大éç JS æ¡æ¶ï¼èåççå¼æºä»£ç æ°éç¸æ¯çå°ãèæªæ¥ç§»å¨äºèç½ä¸çå°å 为å¼æºèåå±çæ´è¿ éï¼è¿éä¹åæ ·åå¨ç±» Github ååçæºéã
æ©æ HTML åªéè¦è®°äºæ¬åå 个 Tagï¼ä¸æç HTMLãJSãCSS
æ¯è¾å¤æï¼éè¦æ´é«çº§çææ¬ç¼è¾å¨ï¼ä½ HTML5 å°æ¥åï¼å®ç代ç éãå¤æ度ãå¼å模åå°ä¸åçå¼åçé½ï¼éè¦ç±»ä¼¼ XCodeãEclipse
çä¸ä¸ç IDE å·¥å ·æ¥è§£å³å¼åãè°è¯çé®é¢ãä¸äºä»¥ä¼ä½¿ç¨è®°äºæ¬å代ç 为è£çå¼åè ï¼å°é¢ä¸´æ路转æ¢çè³è¢«æ´é«æçå¼åè æ·æ±°ã
HTML5 ç强大ä¼å¼åå¾å¤å®å ¨é®é¢ï¼å¹¶ä¸è§£å³æè·¯ä¸åçä¸ä¸æ ·ï¼ä¸å æå¯è½ä¼åºç°æ°çå®å ¨ååé¢å¯¼è ã
ä¸ãç»è¯
åå°ç»å°¾ï¼æè§è¯é¢æç¹å¤§äºãå ¶å®æªæ¥å¦ä½åå±æ¯æ²¡äººè½åç¡®é¢æµçï¼åéé常å¤ãä½ææ³è®©ç¨æ·åå¼åè é½æ´æ¹ä¾¿çè¶å¿æ¯ä¸ä¼éçã欢è¿å¤§å®¶ä¸èµ·è®¨è®º HTML5 çé®é¢ï¼å¨äºè®®ä¸æç¼çç¥ãï¼36æ°ªæè¿å°ä¼ä¼å æ¥åä¸äº HTML5 çå¼åè æ¥æ稿åä¸è®¨è®ºï¼å ³æ³¨ä½ä¸éäº HTML 游æå¼åï¼æµè§å¨å æ ¸ï¼è½»åºç¨ååï¼é®ç®± tips#36kr.comï¼
温馨提示:答案为网友推荐,仅供参考
第1个回答 2016-05-30
其实未来如何发展是没人能准确预测的,变量非常多。但我想让用户和开发者都更方便的趋势是不会错的。
改变世界就算了, H5做移动端很强大, 但是要做PC端的话,配合媒体查询 很繁琐的,所以很多还是没用到的 希望能帮到你
改变世界就算了, H5做移动端很强大, 但是要做PC端的话,配合媒体查询 很繁琐的,所以很多还是没用到的 希望能帮到你