×÷ÕߣºØýÃû ÎÄÕÂÀ´Ô´£º²»Ïê µã»÷Êý£º ÔÚÏßͶ¸å Ͷ¸åÖ¸ÄÏ  |
ÍøÒ³ÖÆ×÷WebjxÎÄÕ¼ò½é£º¶Ô HTML5 ºÍ CSS3 Ö§³Ö×îºÃµÄÊÇ Chrome£¬IE10 ÒѾÄÜºÍ Safari¡¢Firefox¡¢Opera Æì¹ÄÏ൱ÁË¡£×ܵÄÀ´Ëµ£¬¸÷´óä¯ÀÀÆ÷¶Ô HTML5 ºÍ CSS3 µÄÖ§³ÖÕýÔÚ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄ¸÷´óÆóÒµºÍ¿ª·¢ÕßÒ²ÔÚ³¢ÊÔÔÚÏîÄ¿ÖÐʹÓà HTML5 ºÍ CSS3£¬ÌرðÊÇÔÚÒÆ¶¯»¥ÁªÍøÁìÓò£¬ÒѾÓкܶàÓÈÐãµÄÓ¦Óà |
|
תÑÛÓÖÒѹýÈ¥ÁËÒ»Ä꣬ÔÚÕâÒ»ÄêÀFirefox ºÍ Chrome ÔÚÆ´Éý¼¶£¬°æ±¾ºÅ²»¶ÏìÉý£»IE10 Ëæ×Å Windows 8 ÔÚÈ¥Äê10Ôµ×Õýʽ·¢²¼£¬ÔÚ JavaScript ÐÔÄÜºÍ¶Ô HTML5 ºÍ CSS3 µÄÖ§³Ö·½ÃæÈÃÈËÑÛǰһÁÁ¡£ÕâÆªÎÄÕ¸ø´ó¼Ò´øÀ´¡¶Îå´óÖ÷Á÷ä¯ÀÀÆ÷ HTML5 ºÍ CSS3 ¼æÈÝÐÔ´ó±ÈÆ´¡·£¬ÈÃÎÒÃÇÒ»ÆðÀ´¿´¿´2013ÄêµÄä¯ÀÀÆ÷ÏÖ×´¡£

ä¯ÀÀÆ÷³§ÉÌÖ®¼äµÄ¾ºÕù´Ùʹ¸÷´óä¯ÀÀÆ÷¶Ô HTML5 ºÍ CSS3 µÄ Ö§³ÖÔ½À´Ô½ÍêÉÆ£¬ÏÂÃæµÄͼ±íÁгöÁË IE£¬Chrome£¬Firefox£¬ Safari£¬Opera Îå´óÖ÷Á÷ä¯ÀÀÆ÷£¬ÔÚ Mac ºÍ Windows Á½¸öƽ̨£¬¶Ô HTML5 ºÍ CSS3 ¸÷ÖÖÌØÐÔ×îÐŵÄÖ§³ÖÇé¿öµÄÏêϸÇåµ¥£¨¸ö±ðÊý¾Ý¿ÉÄܲ»×¼È·£¬´ó¼Ò¿ÉÒÔͨ¹ý caniuse.com ²éѯ¸üΪÏêϸµÄÐÅÏ¢£©¡£
CSS3 ÊôÐÔ
´Ó±íÖпÉÒÔ¿´³ö£¬³ýÁË Overflow Scrolling »¹Ã»ÓÐä¯ÀÀÆ÷Ö§³ÖÖ®Í⣬ÆäËüÊôÐÔ¶¼ÒѾÓÐä¯ÀÀÆ÷ʵÏÖÁË¡£ÔÚ Windows ƽ̨£¬Chrome Ö§³Ö³ý Overflow Scrolling ÒÔÍâµÄËùÓÐÊôÐÔ£¨Í¼Æ¬Êý¾ÝÓÐÎó£¬CSS3 3D Transforms ÔÚ Chrome 25 ¿ªÊ¼ÒÑÖ§³Ö£¬ÐèÒª¼Ó -webkit- ǰ׺£©£¬Æä´ÎÖ§³Ö±È½ÏºÃµÄÊÇ Firefox£¬»¹²»Ö§³Ö CSS3 Reflections¡£
Ôø¾Ò»Æ¬ºì²æµÄ IE ¿ªÊ¼ÓÍ·¸ÏÉÏ£¬IE10 ÒѾºÍÄÜºÍ Opera ±ÈÆ´ÁË¡£ÔÚ Mac ƽ̨Çé¿öÒªºÃºÜ¶à£¬Safari ¡¢Chrome ºÍ Firefox ¼¸ºõÖ§³ÖÈ«²¿µÄ CSS3 ÌØÐÔ¡£Opera Ò²Ö»ÓÐÉÙÊý¼¸¸öÊôÐÔ²»Ö§³Ö¡£
£¨×¢£ºCSS3 µÄ Overflow Scrolling ÊôÐÔÓÃÓÚÄ£ÄâÒÆ¶¯É豸ÔÉýµÄ×èÄá¹ö¶¯£¬ÀàËÆÓÚ iScroll ʵÏֵĹö¶¯Ð§¹û£¬Ä¿Ç°Ö»ÓÐ iOS 5 ÄÚÖÃµÄ Sarari ä¯ÀÀÆ÷Ö§³Ö£¬ÏêÇ飺Native style momentum scrolling to arrive in iOS 5£©

CSS3 Ñ¡ÔñÆ÷
CSS3 Ñ¡ÔñÆ÷¼æÈÝÇé¿ö×îÈÃÈËÐÀ³ýÁË IE9 ÒÔϵİ汾£¬ÆäËüä¯ÀÀÆ÷ÒÑÈ«²¿Ö§³Ö CSS3 Ñ¡ÔñÆ÷ÌØÐÔ¡£IE6 ±¯¾çµÄÒ»¸ö¶¼²»Ö§³Ö£¬IE7 ºÍ IE8 ½öÖ§³ÖÉÙ²¿·Ö£¬IE9 ºÍ IE10 ¸øÁ¦£¬¾¹È»Ò²È«²¿Ö§³Ö¡£

HTML5 Web Ó¦ÓóÌÐò
HTML5 Ϊ֧³Ö Web Ó¦ÓóÌÐò¿ª·¢ÐÅÔöµÄÕâÐ©ÌØÐÔÊÇ HTML5 ×¶¯ÈËÐĵIJ¿·Ö£¬°üÀ¨±¾µØ´æ´¢¡¢ÀëÏß´æ´¢¡¢µØÀí¶¨Î»¡¢Workers ºÍ WebSockets µÈµÈ¡£Chrome ×î¸øÁ¦£¬Ö§³ÖÈ«²¿ÌØÐÔ£¨±íÖÐÊý¾ÝÓÐÎó£¬Touch£¨´¥¿Ø£©Ê¼þ£¬Chrome 25 ºÍ Firefox 19 ÒÑÖ§³Ö£©¡£
WebSQL Database ÒѾ±» W3C ·ÅÆúÁË£¬ä¯ÀÀÆ÷²»Ö§³ÖҲû¹ØÏµ£¬¶ø Indexd Database£¬IE10¡¢Chrome ºÍ Firefox ¶¼Ö§³Ö£¬ÕâÊÇ¿ª·¢Õߵĸ£Òô°¡¡£IE10 ºÜ¸øÁ¦£¬¾Í Meter ±êÇ©ºÍ Touch Event ²»Ö§³Ö¡£

HTML5 ͼÐκÍÄÚǶÄÚÈÝ
ÕâÓ¦¸ÃÊÇ HTML5 ×îÁîÈËÆÚ´ýµÄ¶«Î÷ÁË£¬ÄÚÖÃCanvas£¬Audio£¬Video£¬SVG¡¢WebGL ºÍ SMIL µÈÖØÒªÌØÐÔ¶ÔÏó¡£Chrome¡¢Firefox¡¢Safari¡¢Opera ÒÔ¼° IE9/IE10 ¶¼Ö§³Ö£¬Ì«°ôÁË£¡

HTML5 ÒôƵ±àÂë
Chrome ÒÀÈ»¸øÁ¦£¬¶Ô HTML5 ÒôƵ¸ñʽÓÖÊÇÈ«²¿Ö§³Ö£¬Safari ³ý Ogg Vorbis ¸ñʽÍâÈ«²¿Ö§³Ö¡£ÈÃÈ˸е½Ææ¹ÖµÄÊÇ IE ¾¹È»²»Ö§³Ö×Ô¼ÒµÄ WAV ¸ñʽ£¬¶ø Chrome¡¢Firefox¡¢Opera ºÍ Sarari È´¶¼Ö§³Ö£¬¡Ñ©n¡Ñbº¹¡£

HTML5 ÊÓÆµ±àÂë
¶Ô HTML5 ÊÓ ÆµµÄÖ§³Ö»¹ÊÇ Chrome ×îºÃ£¬°üÈÝÌìÏ¡£Firefox ºÍ Opera Ö§³Ö Ogg Vorbis ºÍ WebM Á½ÖÖÊÓÆµ¸ñʽ£¬²»Ö§³Ö H.264£¬Ïà·´µÄ IE9/IE10 ºÍ Safari Ö»Ö§³Ö H.264¡£¾Ýͳ¼Æ£¬Ä¿Ç° 80%µÄÊÓÆµÊ¹Óà H.264 ±àÂ룬ÆÚ´ý H.264 ÔçÈÕͳһµÄÊÓÆµ±àÂë±ê×¼£¡

HTML5 ±íµ¥ÊäÈë
HTML5 ÐÅ ÔöÁËÖÚ¶àÐÅµÄ input ÀàÐÍ£¬ÀýÈç DateTime¡¢Range¡¢Colour µÈµÈ£¬ÒÔǰÕâЩ¶¼ÊÇÐèҪʹÓà JavaScript ²ÅÄÜʵÏֵŦÄÜ£¬Èç½ñÖ»ÐèÒªÉèÖà input ÀàÐ;ÍÄÜʵÏÖ¡£µ¶¨µÄ Opera ¾¹È»È«²¿Ö§³Ö£¬ÓеãÒâÍ⣡Chrome »¹²»Ö§³Ö DateTime ÀàÐÍ£¬ÆäËüµÄ¶¼Ö§³Ö£¬IE10 ºÍ Safari ¶¼Ö§³Ö³Ì¶ÈÏ൱£¬¶ø Firefox Õâ·½Ãæ»¹ÐèŬÁ¦¡£

HTML5 ±íµ¥ÊôÐÔ
HTML5 ±í µ¥ÊôÐÔÒ²ÊÇ¶Ô±íµ¥¹¦ÄܵÄÖØÒª¸Ä½ø£¬¼ò»¯ÁË Web Ó¦Óÿª·¢¡£ÔÚ Mac ƽ̨£¬³ýÁË Safari »¹²»Ö§³Ö List ÊôÐÔÍ⣬ÆäËüÊôÐÔ¶¼Ö§³Ö¡£ÔÚ Windows ƽ̨£¬Chrome¡¢Opera ºÍ IE10 È«²¿Ö§³Ö£¬Firefox ÓÖµô¶ÓÁË£¬¾¹È»Âäºó IE ÁË£¬Min¡¢Max ºÍ Step ÊôÐÔ¶¼»¹²»Ö§³Ö¡£

дÔÚ×îºó
Ŀǰ£¬¶Ô HTML5 ºÍ CSS3 Ö§³Ö×îºÃµÄÊÇ Chrome£¬IE10 ÒѾÄÜºÍ Safari¡¢Firefox¡¢Opera Æì¹ÄÏ൱ÁË¡£×ܵÄÀ´Ëµ£¬¸÷´óä¯ÀÀÆ÷¶Ô HTML5 ºÍ CSS3 µÄÖ§³ÖÕýÔÚ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄ¸÷´óÆóÒµºÍ¿ª·¢ÕßÒ²ÔÚ³¢ÊÔÔÚÏîÄ¿ÖÐʹÓà HTML5 ºÍ CSS3£¬ÌرðÊÇÔÚÒÆ¶¯»¥ÁªÍøÁìÓò£¬ÒѾÓкܶàÓÈÐãµÄÓ¦Óÿª·¢³öÀ´£¬Î´À´µÄ Web ÓкܶàÁîÈËÆÚ´ýµÄ¶«Î÷¡£
|