¡¶HTML 5ÓëCSS 3ȨÍþÖ¸ÄÏ¡·ÄÚÈÝϵͳ¶øÈ«Ã棬Ï꾡µØ½²½âÁËhtml 5ºÍcss 3µÄËùÓÐй¦ÄܺÍÐÂÌØÐÔ£»¼¼ÊõÐÂÓ±£¬ËùÓÐ֪ʶµã¶¼½ô¸úhtml 5Óëcss 3µÄ×îз¢Õ¹¶¯Ì¬£¨html 5ºÍcss 3ÈÔÔÚ²»¶ÏÍêÉÆÖ®ÖУ©£»ÊµÕ½ÐÔÇ¿£¨°üº¬246¸öʾÀýÒ³Ã棩£¬²»½öÿ¸ö֪ʶµã¶¼ÅäÓо«ÐÄÉè¼ÆµÄС°¸Àý£¨±ãÓÚ¶¯ÊÖʵ¼ù£©£¬¶øÇÒ»¹ÓÐÁ½¸ö×ÛºÏÐԵݸÀý£¨ÌåÏÖÓà html 5Óëcss 3¿ª·¢webÓ¦ÓõÄ˼άºÍ·½·¨£©¡£±¾Êé²»½öÄÜÂú×ãÄãÈ«Ãæ¶øϵͳµØѧϰÀíÂÛ֪ʶµÄÐèÇ󣬻¹ÄÜÂú×ãÄãÐèÒª³ä·Öʵ¼ùµÄÐèÇó¡£
¡¶HTML5ÓëCSS3ȨÍþÖ¸ÄÏ¡·£º
ÄÚÈÝϵͳ¶øÈ«Ã棬HTML5ÓëCSS3µÄй¦ÄܺÍÐÂÌØÐÔ¾¡À¿ÎÞÓà
×¢ÖØʵս£¬°üº¬200ÓàÉè¼Æ¾«ÇɵÄʵÀý£¬¿É²Ù×÷ÐÔ¼«Ç¿
×ÊÉîר¼ÒÇ××ÔÖ´±Ê£¬3´óÇ°¶ËÉçÇøÒ»ÖÂÍƼö£¬È¨ÍþÐÔÎãÓ¹ÖÃÒÉ
Èí¼þ¿ª·¢ÁìÓò´ÓÀ´²»È±ÉÙм¼ÊõºÍвúÆ·£¬WebÇ°¶ËÁìÓòÓÈÆäÈç´Ë¡£2005Ä꣬Ajax¼¼ÊõµÄÕýʽ³öÏÖ¸ø³Á¼Å¶àÄêµÄWebÇ°¶ËÁìÓò×¢ÈëÁËеĻîÁ¦£»½ô½Ó×Å£¬¸÷ÖÖAjax¿ò¼ÜÈçÓêºó´ºËñ°ãÓ¿ÏÖ³öÀ´£¬ÓÖΪWebÇ°¶ËÁìÓò´òÁËÒ»ÕëÐ˷ܼÁ£»Èç½ñ£¬HTML 5ºÍCSS 3µÄ¼¼ÊõºÍÓ¦Óû·¾³ÒѾÈÕÇ÷³ÉÊ죬ËüÃǽ«ÊéдWebÇ°¶ËÁìÓòµÄÐÂÀúÊ·£¬Ò»³¡ÐµĸïÃü¼´½«±¬·¢¡£
HTML 5½«³ÉΪÐÂÒ»´úµÄWeb¼¼Êõ±ê×¼£¬±Ø¶¨»á¸Ä±äÕû¸öWebÓ¦ÓÃÁìÓòµÄÓÎÏ·¹æÔò£¨±ÈÈçʵÏÖ¸»WebÓ¦Óõı¾µØ»¯£¬°ÚÍѶÔFlashºÍSilverlightµÈä¯ÀÀÆ÷²å¼þµÄÒÀÀµ£©¡£ËüÔÚ¸øеÄWebÓ¦ÓôøÀ´ÎÞÏÞ¿ÉÄÜÐÔµÄͬʱ£¬»¹ÄÜ´øÀ´¸ü¿ì¡¢¸üºÃ¡¢¸üìŵÄÓû§ÌåÑé¡£CSS 3Ò²½«ÎªWeb¿ª·¢´øÀ´¸ïÃüÐÔµÄÓ°Ï죬ºÜ¶àÒÔÇ°ÐèÒªJavaScriptºÍAiax¿ò¼Ü²ÅÄÜʵÏֵĸ´ÔÓЧ¹û£¨Èç¶à±³¾°¡¢Ô²½Ç¡¢3D¶¯»£¬µÈµÈ£©£¬ÏÖÔÚʹÓÃCSS 3¾ÍÄܼòµ¥µØʵÏÖ£¬¼«´óµØÌá¸ßÁ˳ÌÐòµÄ¿ª·¢Ð§ÂÊ¡£
HTML 5ºÍ1CSS 3ÒѳÉΪȫÇò¸÷´ó»¥ÁªÍø¾ÞÍ·µÄ±ØÕùÖ®µØ£¬Microsoft¡¢Google¡¢Apple¡¢Mozilla¡¢OperaµÈä¯ÀÀÆ÷³§É̶ÔËüÃǵÄÖ§³ÖÓÌÈçÒ»³¡¾ºÈü£¬ËƺõÒѾ³ÉΪºâÁ¿ËüÃǵÄä¯ÀÀÆ÷ÐÔÄÜÓÅÁÓµÄÒ»¸öÖØÒªÖ¸±ê£¬AdobeºÍFacebookµÈ¹«Ë¾Ò²·×·×¿ªÊ¼·¢Á¦¡£ËƺõËÒ²²»ÏëÔÚÕâÒ»´Î±ä¸ïÖÐʧȥ»°ÓïȨ¡£
Ŀ¼:
Ç°ÑÔ
µÚ1Õ Webʱ´úµÄ±äǨ
1.1 Ó½ÓеÄwlebʱ´ú
1.1.1 HTML 5ʱ´ú¼´½«À´ÁÙ
1.1.2 HTML 5µÄÄ¿±ê
1.2 HTML 5»áÉîÊÜ»¶ÓµÄÀíÓÉ
1.2.1 ÊÀ½çÖªÃûä¯ÀÀÆ÷³§É̶ÔHTML 5µÄÖ§³Ö
1.2.2 µÚÒ»¸öÀíÓÉ£ºÊ±´úµÄÒªÇó
1.2.3 µÚ¶þ¸öÀíÓÉ£ºInternetExplorer8
1.3 ¿ÉÒÔ·ÅÐÄʹÓÃHTML 5µÄÈý¸öÀíÓÉ
1.4 HTML 5Òª½â¾öµÄÈý¸öÎÊÌâ
µÚ2Õ HTML 5ÓëHTML 4µÄÇø±ð
2.1 Óï·¨µÄ¸Ä±ä
2.1.1 HTML 5µÄÓï·¨±ä»¯
2.1.2 HTML 5Öеıê¼Ç·½·¨
2.1.3 HTML 5È·±£ÁËÓë֮ǰHTML °æ±¾µÄ¼æÈÝÐÔ
2.1.4 ±ê¼ÇʾÀý
2.2 ÐÂÔöµÄÔªËغͷϳýµÄÔªËØ
2.2.1 ÐÂÔöµÄ½á¹¹ÔªËØ
2.2.2 ÐÂÔöµÄÆäËûÔªËØ
2.2.3 ÐÂÔöµÄinputÔªËصÄÀàÐÍ
2.2.4 ·Ï³ýµÄÔªËØ
2.3 ÐÂÔöµÄÊôÐԺͷϳýµÄÊôÐÔ
2.3.1 ÐÂÔöµÄÊôÐÔ
2.3.2 ·Ï³ýµÄÊôÐÔ
2.4 È«¾ÖÊôÐÔ
2.4.1 content EditableÊôÐÔ
2.4.2 design ModeÊôÐÔ
2.4.3 hiddenÊôÐÔ
2.4.4 spellcheckÊôÐÔ
2.4.5 tabindexÊôÐÔ
µÚ3Õ HTML 5µÄ½á¹¹
3.1 ÐÂÔöµÄÖ÷Ìå½á¹¹ÔªËØ
3.1.1 articleÔªËØ
3.1.2 sectionÔªËØ
3.1.3 navÔªËØ
3.1.4 asideÔªËØ
3.1.5 timeÔªËØÓë΢¸ñʽ
3.1.6 pubdateÊôÐÔ
3.2 ÐÂÔöµÄ·ÇÖ÷Ìå½á¹¹ÔªËØ
3.2.1 headerÔªËØ
3.2.2 hgroupÔªËØ
3.2.3 footerÔªËØ
3.2.4 addressÔªËØ
3.3 HTML 5½á¹¹
3.3.1 ´ó¸Ù
3.3.2 ¶ÔеĽṹԪËØʹÓÃÑùʽ
3.3.3 articleÔªËصÄÑùʽ
µÚ4Õ ±íµ¥ÓëÎļþ
4.1 ÐÂÔöÔªËØÓëÊôÐÔ
4.1.1 ÐÂÔöÊôÐÔ
4.1.2 ´ó·ù¶ÈµØÔö¼ÓÓë¸ÄÁ¼ÁËinputÔªËصÄÖÖÀà
4.1.3 ¶ÔÐÂµÄ±íµ¥ÔªËØʹÓÃÑùʽ
¡¡
µÚ5Õ »æÖÆͼÐÎ
µÚ6Õ ¶àýÌå²¥·Å
µÚ7Õ ±¾µØ´æ´¢
µÚ8Õ ÀëÏßÓ¦ÓóÌÐò
µÚ9Õ ͨÐÅAPI
µÚ10Õ ʹÓÃWeb Workers´¦ÀíÏß³Ì
µÚ11Õ »ñÈ¡µØÀíλÖÃÐÅÏ¢
µÚ12Õ CSS3¸ÅÊö
µÚ13Õ ѡÔñÆ÷
µÚ14Õ ʹÓÃÑ¡ÔñÆ÷ÔÚÒ³ÃæÖвåÈëÄÚÈÝ
µÚ15Õ ÎÄ×ÖÓë×ÖÌåÏà¹ØÑùʽ
µÚ16Õ ºÐÏà¹ØÑùʽ
µÚ17Õ Óë±³¾°ºÍ±ß¿òÏà¹ØÑùʽ
µÚ18Õ CSS3ÖеıäÐδ¦Àí
µÚ19Õ CSS3ÖеĶ¯»¹¦ÄÜ
µÚ20Õ ²¼¾ÖÏà¹ØÑùʽ
µÚ21Õ Media QueriesÏà¹ØÑùʽ
µÚ22Õ CSS3µÄÆäËûÖØÒªÑùʽºÍÊôÐÔ
µÚ23Õ ×ÛºÏʵÀý