如题所述
ããè¿å»è¿äºå¹´ï¼HTML5é¢ è¦äºPCäºèç½çæ ¼å±ï¼ä¼åäºç§»å¨äºèç½çä½éªï¼æ¥ä¸æ¥ï¼HTML5å°é¢ è¦åçAppä¸çãè¿å¬èµ·æ¥æç¹å±è¨è¸å¬ï¼ä½è¥è®¤çåæHTML5çåå±å²ï¼ä½ ä¼åç°ï¼è¿ä¸ªä¸ççåå±è¶å¿ç¡®å®å°±æ¯è¿æ ·ã
ããçç¥åå²æè½é¢ç¥æªæ¥ï¼å 让æ们æ¥ççHTML5为ä»ä¹è¯çãè¿8å¹´æ¯æä¹è¿æ¥çã
ããä¸ã 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æµè§å¨è¢«è¹æå¯äºåæï¼èä¸ç¬¬ä¸ä»£iPhoneåªæ¯æç½é¡µï¼é£æ¶è¿æ²¡æAppstoreï¼Safariæ¯ä¹å¸æ¯é常çéç产å;æ°è´µGoogleè½ç¶å¤§éèµå©Mozillaï¼ä½å¹¶æªå¯¹IEçå°ä½äº§çå®è´¨å½±åï¼æ¶è´äºYouTubeååç°åºå±è¢«Adobeæ§å¶ï¼ä¹æ¯é常é¾è¿ï¼èä¸Googleæ¯å¹´ç»IEçæç´¢æ¡åAdoble FLV缴纳çè´¹ç¨çä¸æ¯å°æ°ç®ã
ããæ¢ç¶å¤§å®¶é½æ¯W3Cç主å¸åä½ï¼å¥½å§ï¼æ们éæ°å¼å§åHTML5å§ã
ããæ¯çï¼HTML5å ¶å®å°±æ¯è¿ä¹è¯ççãé£æ¯2007å¹´ï¼IEåFlashç±ç转衰ç转æç¹ã
ããäºã HTML5第ä¸é¶æ®µï¼ Web å¢å¼ºä¸ç ´åæ
ããèªHTML5è¯ç以æ¥ï¼ä¸å ±ç»åäºä¸¤ä¸ªé¶æ®µï¼åå«æ¯Webå¢å¼ºå移å¨äºèç½ãæ们å ä»Web å¢å¼ºè¯´èµ·ã
ããwebä½éªç丰å¯å¢å¼ºä¸»è¦è¡¨ç°å¨ï¼1. webappï¼æ¯å¦gmail;2. æµåªä½;3. 游æãæ们就è¿3个æ¹é¢æ¥è®²HTML5åäºä»ä¹ã
ãã1. webApp
ããHTML5æ°å¢äºç¦»çº¿åå¨ãæ´ä¸°å¯ç表å(æ¯å¦Input type=date)ãjs线ç¨ãsocketçä¹ãæ åæ©å±embedã以åå¾å¤css3æ°è¯æ³â¦
ãã2. æµåªä½
ããHTML5æ°å¢äºaudioãvideo
ãã3. 游æ
ããHTML5æ°å¢äºcanvasãwebgl
ããå½ç¶è¿æGoogleåªåå¨HTML5ä¸æ¨è¿HeaderåSectionçæ ç¾ï¼ä»¥å©äºæç´¢å¼æåæï¼è¿äºä¸å¤è¿°ã
ããHTML5è¡¥å æµåªä½å游æè½ååï¼å ä¸è¹æ强å¿æç»å¨iOSä¸å¼å ¥Flashï¼æåçéå¶äºFlashçåå±ï¼ç¶å就该éå¶IEç§æè¯æ³äºã
ããå¨HTML5æ åçå级è¿ç¨ä¸ï¼è¹æåGoogleåæ¶ä¹çå°äºæµè§å¨å¸åºéæ°æ´ççæºä¼ï¼ä»ä»¬ä¸æ¹é¢åä¸HTML5çè§èï¼ä¸è¾¹å¨æµè§å¨äº§åä¸ååãAppleé¦å å¼å§å¤§ååå±Safariï¼å»ºç«WebKitå¼æºé¡¹ç®ï¼MacãiOSã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为ä»ä¹è¯çãè¿8å¹´æ¯æä¹è¿æ¥çã
ããä¸ã 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æµè§å¨è¢«è¹æå¯äºåæï¼èä¸ç¬¬ä¸ä»£iPhoneåªæ¯æç½é¡µï¼é£æ¶è¿æ²¡æAppstoreï¼Safariæ¯ä¹å¸æ¯é常çéç产å;æ°è´µGoogleè½ç¶å¤§éèµå©Mozillaï¼ä½å¹¶æªå¯¹IEçå°ä½äº§çå®è´¨å½±åï¼æ¶è´äºYouTubeååç°åºå±è¢«Adobeæ§å¶ï¼ä¹æ¯é常é¾è¿ï¼èä¸Googleæ¯å¹´ç»IEçæç´¢æ¡åAdoble FLV缴纳çè´¹ç¨çä¸æ¯å°æ°ç®ã
ããæ¢ç¶å¤§å®¶é½æ¯W3Cç主å¸åä½ï¼å¥½å§ï¼æ们éæ°å¼å§åHTML5å§ã
ããæ¯çï¼HTML5å ¶å®å°±æ¯è¿ä¹è¯ççãé£æ¯2007å¹´ï¼IEåFlashç±ç转衰ç转æç¹ã
ããäºã HTML5第ä¸é¶æ®µï¼ Web å¢å¼ºä¸ç ´åæ
ããèªHTML5è¯ç以æ¥ï¼ä¸å ±ç»åäºä¸¤ä¸ªé¶æ®µï¼åå«æ¯Webå¢å¼ºå移å¨äºèç½ãæ们å ä»Web å¢å¼ºè¯´èµ·ã
ããwebä½éªç丰å¯å¢å¼ºä¸»è¦è¡¨ç°å¨ï¼1. webappï¼æ¯å¦gmail;2. æµåªä½;3. 游æãæ们就è¿3个æ¹é¢æ¥è®²HTML5åäºä»ä¹ã
ãã1. webApp
ããHTML5æ°å¢äºç¦»çº¿åå¨ãæ´ä¸°å¯ç表å(æ¯å¦Input type=date)ãjs线ç¨ãsocketçä¹ãæ åæ©å±embedã以åå¾å¤css3æ°è¯æ³â¦
ãã2. æµåªä½
ããHTML5æ°å¢äºaudioãvideo
ãã3. 游æ
ããHTML5æ°å¢äºcanvasãwebgl
ããå½ç¶è¿æGoogleåªåå¨HTML5ä¸æ¨è¿HeaderåSectionçæ ç¾ï¼ä»¥å©äºæç´¢å¼æåæï¼è¿äºä¸å¤è¿°ã
ããHTML5è¡¥å æµåªä½å游æè½ååï¼å ä¸è¹æ强å¿æç»å¨iOSä¸å¼å ¥Flashï¼æåçéå¶äºFlashçåå±ï¼ç¶å就该éå¶IEç§æè¯æ³äºã
ããå¨HTML5æ åçå级è¿ç¨ä¸ï¼è¹æåGoogleåæ¶ä¹çå°äºæµè§å¨å¸åºéæ°æ´ççæºä¼ï¼ä»ä»¬ä¸æ¹é¢åä¸HTML5çè§èï¼ä¸è¾¹å¨æµè§å¨äº§åä¸ååãAppleé¦å å¼å§å¤§ååå±Safariï¼å»ºç«WebKitå¼æºé¡¹ç®ï¼MacãiOSã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ä¹å¥½ï¼æ³å¨ç§»å¨äºèç½åæå°±åä¸æ¯ç¾¹æ¯åä¸å°çï¼ä½åæä¸æ¥ï¼æºä¼å¾å¾ä¼åºç°ã
温馨提示:答案为网友推荐,仅供参考