HTML5»PCSS3Åv«Â«ü«n¡]²Ä3ª©;¤U¥U¡^ ( ²Åé ¦r) |
§@ªÌ¡G³°â¤û | Ãþ§O¡G1. -> µ{¦¡³]p -> ºô¸ô½sµ{ -> HTML ¡@¡@¡@2. -> µ{¦¡³]p -> ºô¸ô½sµ{ -> CSS |
ĶªÌ¡G |
¥Xª©ªÀ¡G¾÷±ñ¤u·~¥Xª©ªÀ | 3dWoo®Ñ¸¹¡G 42458 ¸ß°Ý®ÑÄy½Ð»¡¥X¦¹®Ñ¸¹¡I¡i¯Ê®Ñ¡j NT°â»ù¡G 345 ¤¸ |
¥Xª©¤é¡G9/1/2015 |
¶¼Æ¡G847 |
¥úºÐ¼Æ¡G0 |
|
¯¸ªø±ÀÂË¡G |
¦L¨ê¡G¶Â¥Õ¦L¨ê | »y¨t¡G ( ²Åé ª© ) |
|
¥[¤JÁʪ«¨® ¢x¥[¨ì§Úªº³Ì·R (½Ð¥ýµn¤J·|û) |
ISBN¡G9787111514428 |
§@ªÌ§Ç¡@|¡@ĶªÌ§Ç¡@|¡@«e¨¥¡@|¡@¤º®e²¤¶¡@|¡@¥Ø¿ý¡@|¡@§Ç |
(²Åé®Ñ¤W©Òz¤§¤U¸ü³sµ²¯Ó®É¶O¥\, ®¤¤£¾A¥Î¦b¥xÆW, YŪªÌ»Ýn½Ð¦Û¦æ¹Á¸Õ, ®¤¤£«OÃÒ) |
§@ªÌ§Ç¡G |
ĶªÌ§Ç¡G |
«e¨¥¡G |
¤º®e²¤¶¡G¥»®Ñ¦@29³¹¡A¤À¬°¤W¤U¨â¥U¡G¤W¥U¡]1¡ã17³¹¡^¥þ±¨t²Î¦aÁ¿¸Ñ¤FHTML5¬ÛÃöªº§Þ³N¡A¥HHTML5¹ï²{¦³WebÀ³¥Î²£¥ÍªºÅܲ¶}½g¡A¶¶§ÇÁ¿¸Ñ¤FHTML5»PHTML4ªº°Ï§O¡BHTML5ªºµ²ºc¡Bªí³æ¤¸¯À¡BHTML½s¿èAPI¡B¹Ï§Îø¨î¡BHistoryAPI¡B¥»¦a¦sÀx¡BÂ÷½uÀ³¥Î¡B¤å¥óAPI¡B³q«HAPI¡BÂX®iªºXMLHttpRequestAPI¡BWebWorkers¡B¦a²z¦ì¸m«H®§¡B¦h´CÅé¬ÛÃöªºAPI¡B¶±Åã¥Ü¬ÛÃöªºAPI¡B©ì©ñAPI»P³qª¾APIµ¥¤º®e¡F¤U¥U¡]19¡ã29³¹¡^¥þ±¨t²Î¦aÁ¿¸Ñ¤FCSS3¬ÛÃöªº§Þ³N¡A¥HCSS3ªº¥\¯à©M¼Ò¶ôµ²ºc¶}½g¡A¶¶§ÇÁ¿¸Ñ¤F¦UºØ¿ï¾Ü¾¹¤Î¨ä¨Ï¥Î¡B¤å¦r»P¦rÅ骺¬ÛÃö¼Ë¦¡¡B²°¬ÛÃö¼Ë¦¡¡BI´º»PÃä®Ø¬ÛÃö¼Ë¦¡¡B¥¬§½¬ÛÃö¼Ë¦¡¡BÅܧγB²z¡B°Êµe¡BÃC¦â¬ÛÃö¼Ë¦¡µ¥¤º®e¡C
|
¥Ø¿ý¡G«e¡@¨¥ ¤W??¥U ²Ä1³¹?Web®É¥NªºÅܾE 1 1.1?ªï±µ·sªºWeb®É¥N 1 1.1.1?HTML 5®É¥N§Y±N¨ÓÁ{ 1 1.1.2?HTML 5ªº¥Ø¼Ð 3 1.2?HTML 5²`¨üÅwªïªº²z¥Ñ 4 1.2.1?¥@¬Éª¾¦WÂsÄý¾¹¼t°Ó¹ïHTML 5ªº¤ä«ù 4 1.2.2?²Ä¤@Ó²z¥Ñ¡G®É¥Nªºn¨D 5 1.2.3?²Ä¤GÓ²z¥Ñ¡GInternet Explorer 8 5 1.3?¥i¥H©ñ¤ß¨Ï¥ÎHTML 5ªº¤TÓ²z¥Ñ 6 1.4?HTML 5n¸Ñ¨Mªº¤TÓ°ÝÃD 6 ²Ä2³¹?HTML 5»PHTML 4ªº°Ï§O 8 2.1?»yªkªº§ïÅÜ 8 2.1.1?HTML 5ªº»yªkÅÜ¤Æ 8 2.1.2?HTML 5¤¤ªº¼Ð°O¤èªk 9 2.1.3?HTML 5½T«OªºÝ®e©Ê 10 2.1.4?¼Ð°O¥Ü¨Ò 11 2.2?·s¼Wªº¤¸¯À©M¼o°£ªº¤¸¯À 12 2.2.1?·s¼Wªºµ²ºc¤¸¯À 12 2.2.2?·s¼Wªº¨ä¥L¤¸¯À 14 2.2.3?·s¼Wªºinput¤¸¯ÀªºÃþ«¬ 18 2.2.4?¼o°£ªº¤¸¯À 19 2.3?·s¼WªºÄÝ©Ê©M¼o°£ªºÄÝ©Ê 20 2.3.1?·s¼WªºÄÝ©Ê 20 2.3.2?¼o°£ªºÄÝ©Ê 22 2.4?¥þ§½ÄÝ©Ê 23 2.4.1?contentEditableÄÝ©Ê 23 2.4.2?designModeÄÝ©Ê 24 2.4.3?hiddenÄÝ©Ê 25 2.4.4?spellcheckÄÝ©Ê 25 2.4.5?tabindexÄÝ©Ê 25 2.5?·s¼Wªº¨Æ¥ó 26 ²Ä3³¹?HTML 5ªºµ²ºc 28 3.1?·s¼Wªº¥DÅéµ²ºc¤¸¯À 28 3.1.1?article¤¸¯À 29 3.1.2?section¤¸¯À 31 3.1.3?nav¤¸¯À 33 3.1.4?aside¤¸¯À 34 3.1.5?time¤¸¯À»P·L®æ¦¡ 36 3.1.6?pubdateÄÝ©Ê 37 3.2?·s¼Wªº«D¥DÅéµ²ºc¤¸¯À 38 3.2.1?header¤¸¯À 38 3.2.2?footer¤¸¯À 39 3.2.3?address¤¸¯À 40 3.2.4?main¤¸¯À 41 3.3?HTML 5¤¤ºô¶µ²ºc 42 3.3.1?HTML 5¤¤ªº¤jºõ 42 3.3.2?¤jºõªº½s±Æ³W«h 48 3.3.3?¹ï·sªºµ²ºc¤¸¯À¨Ï¥Î¼Ë¦¡ 51 ²Ä4³¹?ªí³æ¤Î¨ä¥L·s¼W©M§ï¨}¤¸¯À 53 4.1?·s¼W¤¸¯À»PÄÝ©Ê 53 4.1.1?·s¼WÄÝ©Ê 53 4.1.2?¤j´T«×¦a¼W¥[»P§ï¨}input¤¸¯ÀªººØÃþ 65 4.1.3?¹ï·sªºªí³æ¤¸¯À¨Ï¥Î¼Ë¦¡ 77 4.1.4?output¤¸¯Àªº°l¥[ 77 4.2?ªí³æÅçÃÒ 78 4.2.1?¦Û°ÊÅçÃÒ 78 4.2.2?¨ú®øÅçÃÒ 79 4.2.3?Å㦡ÅçÃÒ 79 4.3?¼W±jªº¶±¤¸¯À 80 4.3.1?·s¼Wªºf?igure¤¸¯À»Pf?igcaption¤¸¯À 80 4.3.2?·s¼Wªºdetails¤¸¯À»Psummary¤¸¯À 82 4.3.3?·s¼Wªºmark¤¸¯À 83 4.3.4?·s¼Wªºprogress¤¸¯À 86 4.3.5?·s¼Wªºmeter¤¸¯À 87 4.3.6?·s¼Wªºdialog¤¸¯À 88 4.3.7?§ï¨}ªºa¤¸¯À 90 4.3.8?§ï¨}ªºol¦Cªí 91 4.3.9?§ï¨}ªºdl¦Cªí 92 4.3.10?¥[¥HÄY®æ¨îªºcite¤¸¯À 93 4.3.11?«·s©w¸qªºsmall¤¸¯À 94 4.3.12?¦w¥þ©Ê¼W±jªºiframe¤¸¯À 94 4.3.13?¼W±jªºscript¤¸¯À 97 ²Ä5³¹?ø¨î¹Ï§Î 102 5.1¡@canvas¤¸¯Àªº°ò¦ª¾ÃÑ 102 5.1.1¡@¦b¶±¤¤©ñ¸mcanvas¤¸¯À 103 5.1.2¡@ø¨î¯x§Î 103 5.2¡@¨Ï¥Î¸ô®| 105 5.2.1¡@ø¨î¶ê§Î 105 5.2.2¡@¤£Ãö³¬¸ô®|·|«ç¤\¼Ë 108 5.2.3¡@ø¨îª½½u 109 5.2.4¡@ø¨î¦±½u 114 5.2.5¡@¨Ï¥ÎPath2D¹ï¶Hø¨î¸ô®| 116 5.3¡@ø¨îº¥ÅܹϧΠ119 5.3.1¡@ø¨î½u©Êº¥ÅÜ 119 5.3.2¡@ø¨î®|¦Vº¥ÅÜ 121 5.4¡@ø¨îÅܧιϧΠ122 5.4.1¡@§¤¼ÐÅÜ´« 122 5.4.2¡@§¤¼ÐÅÜ´«»P¸ô®|ªºµ²¦X¨Ï¥Î 124 5.4.3¡@¯x°}ÅÜ´« 125 5.5¡@µ¹¹Ï§Îø¨î³±¼v 129 5.6¡@¨Ï¥Î¹Ï¹³ 130 5.6.1¡@ø¨î¹Ï¹³ 130 5.6.2¡@¹Ï¹³¥¾Q 133 5.6.3¡@¹Ï¹³µô°Å 135 5.6.4¡@¹³¯À³B²z 137 5.7¡@¹Ï§Î¡B¹Ï¹³ªº²Õ¦X»P²V¦X 138 5.7.1¡@²Õ¦X¹Ï§Î 138 5.7.2¡@²V¦X¹Ï¹³ 140 5.8¡@ø¨î¤å¦r 143 5.9¡@¸É¥Rª¾ÃÑ 145 5.9.1¡@«O¦s»P«ì´_ª¬ºA 145 5.9.2¡@«O¦s¤å¥ó 146 5.9.3¡@²³æ°Êµeªº¨î§@ 147 ²Ä6³¹?¦h´CÅé¬ÛÃöAPI 150 6.1¡@¦h´CÅé¼½©ñ 151 6.1.1¡@video¤¸¯À»Paudio¤¸¯Àªº°ò¦ª¾ÃÑ 151 6.1.2¡@ÄÝ©Ê 153 6.1.3¡@¤èªk 157 6.1.4¡@¨Æ¥ó 160 6.2¡@¹ïµÀW©ÎµøÀW²K¥[¦r¹õ 163 6.2.1¡@track¤¸¯Àªº°ò¦ª¾ÃÑ 163 6.2.2¡@track¤¸¯Àªº¦UºØÄÝ©Ê 164 6.2.3¡@WebVTT¤å¥ó 166 ²Ä7³¹?History API 171 7.1¡@History APIªº°ò¥»·§©À 171 7.2¡@History API¨Ï¥Î¥Ü¨Ò 172 7.2.1¡@¨Ï¥ÎHistory API 172 7.2.2¡@µ²¦X¨Ï¥ÎCanvas API»PHistory API 182 ²Ä8³¹?¥»¦a¦sÀx 187 8.1¡@Web Storage 188 8.1.1¡@Web Storage¬O¤°¤\ 188 8.1.2¡@²³æWeb¯d¨¥¥» 191 8.1.3¡@§@¬°Â²©ö¼Æ¾Ú®w¨Ó§Q¥Î 194 8.1.4¡@§Q¥Îstorage¨Æ¥ó¹ê®ÉºÊµøWeb Storage¤¤ªº¼Æ¾Ú 196 8.2¡@¥»¦a¼Æ¾Ú®w 199 8.2.1¡@¥»¦a¼Æ¾Ú®wªº°ò¥»·§©À 199 8.2.2¡@¥ÎexecuteSql¨Ó°õ¦æ¬d¸ß 199 8.2.3¡@¨Ï¥Î¼Æ¾Ú®w¹ê²{Web¯d¨¥¥» 200 8.2.4¡@transaction¤èªk¤¤ªº³B²z 204 8.3¡@indexedDB¼Æ¾Ú®w 206 8.3.1¡@indexedDB¼Æ¾Ú®wªº°ò¥»·§©À 206 8.3.2¡@³s±µ¼Æ¾Ú®w 206 8.3.3¡@¼Æ¾Ú®wªºª©¥»§ó·s 208 8.3.4¡@³Ð«Ø¹ï¶HÜ®w 210 8.3.5¡@³Ð«Ø¯Á¤Þ 213 8.3.6¡@¯Á¤ÞªºmultiEntryÄÝ©ÊÈ 216 8.3.7¡@¨Ï¥Î¨Æ°È 216 8.3.8¡@«O¦s¼Æ¾Ú 218 8.3.9¡@Àò¨ú¼Æ¾Ú 221 8.3.10¡@®Ú¾Ú¥DÁäÈÀ˯Á¼Æ¾Ú 225 8.3.11¡@®Ú¾Ú¯Á¤ÞÄÝ©ÊÈÀ˯Á¼Æ¾Ú 232 8.3.12¡@´_¦X¯Á¤Þ 237 8.3.13¡@²Îp¹ï¶HÜ®w¤¤ªº¼Æ¾Ú¼Æ¶q 242 8.3.14¡@¨Ï¥ÎindexedDB API¨î§@Web¯d¨¥¥» 243 ²Ä9³¹?Â÷½uÀ³¥Îµ{§Ç 250 9.1¡@Â÷½uWebÀ³¥Îµ{§Ç¸Ô¸Ñ 250 9.1.1¡@·s¼Wªº¥»¦a½w¦s 250 9.1.2¡@¥»¦a½w¦s»PÂsÄý¾¹ºô¶½w¦sªº°Ï§O 251 9.2¡@manifest¤å¥ó 251 9.3¡@ÂsÄý¾¹»PªA°È¾¹ªº¥æ¤¬¹Lµ{ 254 9.4¡@applicationCache¹ï¶H 255 9.4.1¡@swapCache¤èªk 255 9.4.2¡@applicationCache¹ï¶Hªº¨Æ¥ó 258 ²Ä10³¹?¤å¥óAPI 261 10.1¡@FileList¹ï¶H»Pf?ile¹ï¶H 262 10.2¡@ArrayBuffer¹ï¶H»PArrayBufferView¹ï¶H 263 10.2.1¡@°ò¥»·§©À 263 10.2.2¡@ArrayBuffer¹ï¶H 263 10.2.3¡@ArrayBufferView¹ï¶H 263 10.2.4¡@DataView¹ï¶H 265 10.3¡@Blob¹ï¶H 269 10.3.1¡@Blob¹ï¶H·§z 269 10.3.2¡@³Ð«ØBlob¹ï¶H 271 10.3.3¡@Blob¹ï¶Hªºslice¤èªk 274 10.3.4¡@¦bIndexedDB¼Æ¾Ú®w¤¤«O¦sBlob¹ï¶H 275 10.4¡@FileReader¹ï¶H 277 10.4.1¡@FileReader¹ï¶Hªº¤èªk 277 10.4.2¡@FileReader¹ï¶Hªº¨Æ¥ó 278 10.4.3¡@FileReader¹ï¶Hªº¨Ï¥Î¥Ü¨Ò 278 10.5¡@FileSystem API 285 10.5.1¡@FileSystem API·§z 285 10.5.2¡@FileSystem APIªº¾A¥Î³õ¦X 286 10.5.3¡@½Ð¨D³X°Ý¤å¥ó¨t²Î 287 10.5.4¡@¥Ó½ÐºÏ½L°tÃB 289 10.5.5¡@³Ð«Ø¤å¥ó 294 10.5.6¡@¼g¤J¤å¥ó 297 10.5.7¡@¦b¤å¥ó¤¤°l¥[¼Æ¾Ú 300 10.5.8¡@Ū¨ú¤å¥ó 301 10.5.9¡@´_¨îºÏ½L¤¤ªº¤å¥ó 304 10.5.10¡@§R°£¤å¥ó 306 10.5.11¡@³Ð«Ø¥Ø¿ý 307 10.5.12¡@Ū¨ú¥Ø¿ý¤¤ªº¤º®e 312 10.5.13¡@§R°£¥Ø¿ý 314 10.5.14¡@´_¨î¤å¥ó©Î¥Ø¿ý 316 10.5.15¡@²¾°Ê¤å¥ó©Î¥Ø¿ý»P«©R¦W¤å¥ó©Î¥Ø¿ý 319 10.5.16¡@f?ilesystem:URL«eºó 321 10.5.17¡@ºî¦X®×¨Ò 325 10.6¡@Base64½s½X¤ä«ù 333 10.6.1¡@Base64½s½X·§z 333 10.6.2¡@¦bHTML 5¤¤¤ä«ùBase64½s½X 335 ²Ä11³¹?³q«HAPI 340 11.1¡@¸ó¤åÀÉ®ø®§¶Ç¿é 341 11.1.1¡@¸ó¤åÀÉ®ø®§¶Ç¿éªº°ò¥»ª¾ÃÑ 341 11.1.2¡@¸ó¤åÀÉ®ø®§¶Ç¿é¥Ü¨Ò 341 11.1.3¡@³q¹D³q«H 343 11.2¡@WebSockets³q«H 348 11.2.1¡@WebSockets³q«Hªº°ò¥»ª¾ÃÑ 348 11.2.2¡@¨Ï¥ÎWebSockets API 348 11.2.3¡@WebSockets API¨Ï¥Î¥Ü¨Ò 349 11.2.4¡@µo°e¹ï¶H 351 11.2.5¡@µo°e»P±µ¦¬ì©l¤G¶i¨î¼Æ¾Ú 352 11.2.6¡@¹ê²{WebSockets APIªº¶}µo®Ø¬[ 353 11.2.7¡@WebSocket¨óij 354 11.2.8¡@WebSockets APIªº¾A¥Î³õ´º 354 11.3¡@Server-Sent Events API 354 11.3.1¡@Server-Sent Events APIªº°ò¥»·§©À 354 11.3.2¡@Server-Sent Events APIªº¹ê²{¤èªk 355 11.3.3¡@¨Æ¥óIDªº¨Ï¥Î¥Ü¨Ò 362 ²Ä12³¹?WebRTC³q«H 366 12.1¡@WebRTCªº°ò¥»·§©À 366 12.2¡@¨Ï¥ÎgetUserMedia¤èªk³X°Ý¥»¦a³]³Æ 367 12.2.1¡@ÂsÄý¾¹ÀË´ú 367 12.2.2¡@Àò¨ú¹ïµøÀW¿é¤J³]³Æ©ÎµÀW¿é¤J³]³Æªº³X°ÝÅv 368 12.2.3¡@¹ê²{©ç·Ó¥\¯à 370 12.2.4¡@»PCSS 3µ²¦X¨Ï¥Î 372 12.3¡@¤â¤u«Ø¥ßWebRTC³q«H 372 12.3.1¡@WebRTC³q«Hªº°ò¥»·§©À 372 12.3.2¡@«Ø¥ßP2P³q«H 372 12.3.3¡@¤â¤u¹ê²{«H¥O 373 12.3.4¡@åªRSDP¥æ´«¹Lµ{ 382 12.3.5¡@åªRICE¥æ´«¹Lµ{ 388 12.4¡@¬ï¶VNAT/¨¾¤õùÙ¶i¦æ³q«H 390 12.4.1¡@¬ï¶VNAT 391 12.4.2¡@¬ï¶V¨¾¤õùÙ 392 12.5¡@¨Ï¥ÎNode.js¶i¦æ«H¥O 395 12.5.1¡@«Ø¥ß«H¥OªA°È¾¹ 395 12.5.2¡@קï«H¥O³B²z 396 12.6¡@¨Ï¥ÎWebRTC¶i¦æ¦h¤H³q«H 404 12.7¡@¨Ï¥ÎRTCDataChannel¶i¦æ³q«H 425 12.7.1¡@RTCDataChannelªº°ò¥»·§©À 425 12.7.2¡@¹ê²{RTCDataChannel³q«H 426 12.7.3¡@¹ê²{ÂsÄý¾¹»PÂsÄý¾¹¤§¶¡ªº¤å¥óµo°e¥\¯à 438 ²Ä13³¹?ÂX®iªºXMLHttpRequest API 449 13.1¡@±qªA°È¾¹ºÝÀò¨ú¤G¶i¨î¼Æ¾Ú 449 13.1.1¡@ArrayBufferÅTÀ³ 450 13.1.2¡@BlobÅTÀ³ 455 13.2¡@µo°e¼Æ¾Ú 456 13.2.1¡@µo°e¦r²Å¦ê 457 13.2.2¡@µo°eªí³æ¼Æ¾Ú 458 13.2.3¡@¤W¶Ç¤å¥ó 461 13.2.4¡@µo°eBlob¹ï¶H 462 13.2.5¡@µo°eArrayBuffer¹ï¶H 465 13.3¡@¸ó°ì¼Æ¾Ú½Ð¨D 469 ²Ä14³¹?¨Ï¥ÎWeb Workers³B²z½uµ{ 471 14.1¡@°ò¦ª¾ÃÑ 472 14.2¡@»P½uµ{¶i¦æ¼Æ¾Úªº¥æ¤¬ 475 14.3¡@½uµ{´O®M 477 14.3.1¡@³æ¼h´O®M 477 14.3.2¡@¦b¦hÓ¤l½uµ{¤¤¶i¦æ¼Æ¾Úªº¥æ¤¬ 480 14.4¡@½uµ{¤¤¥i¥ÎªºÅܶq¡B¨ç¼Æ»PÃþ 481 14.5¡@¾A¥Î³õ¦X 482 14.6¡@SharedWorker 482 14.6.1¡@°ò¦ª¾ÃÑ 482 14.6.2¡@¹ê²{«e»O¶±»P¦Z»O½uµ{¤§¶¡ªº³q«H 483 14.6.3¡@©w¸q¶±»P¦@¨Éªº¦Z»O½uµ{¶}©l³q«H®Éªº³B²z 483 14.6.4¡@SharedWorkerªº¨Ï¥Î¥Ü¨Ò 484 ²Ä15³¹?Àò¨ú¦a²z¦ì¸m«H®§ 490 15.1¡@Geolocation APIªº°ò¥»ª¾ÃÑ 490 15.1.1¡@¨ú±o·í«e¦a²z¦ì¸m 490 15.1.2¡@«ùÄòºÊµø·í«e¦a²z¦ì¸mªº«H®§ 493 15.1.3¡@°±¤îÀò¨ú·í«e¥Î¤áªº¦a²z¦ì¸m«H®§ 493 15.2¡@position¹ï¶H 493 15.3¡@¦b¶±¤W¨Ï¥Îgoogle¦a¹Ï 495 ²Ä16³¹?©ì©ñAPI»P³qª¾API 498 16.1¡@©ì©ñAPI 498 16.1.1¡@¹ê²{©ì©ñªº¨BÆJ 498 16.1.2¡@DataTransfer¹ï¶HªºÄÝ©Ê»P¤èªk 501 16.1.3¡@³]©w©ì©ñ®Éªºµøı®ÄªG 502 16.1.4¡@¦Û©w¸q©ì©ñ¹Ï¼Ð 503 16.2¡@³qª¾API 503 16.2.1¡@³qª¾APIªº°ò¦ª¾ÃÑ 503 16.2.2¡@³qª¾APIªº¥N½X¨Ï¥Î¥Ü¨Ò 506 ²Ä17³¹?¨ä¥LAPI 510 17.1¡@Page Visibility API 511 17.1.1¡@Page Visibility API·§z 511 17.1.2¡@Page Visibility APIªº¨Ï¥Î³õ¦X 511 17.1.3¡@¹ê²{Page Visibility API 511 17.2¡@Fullscreen API 514 17.2.1¡@Fullscreen API·§z 514 17.2.2¡@¹ê²{Fullscreen API 514 17.2.3¡@Fullscreen API¥N½X¨Ï¥Î¥Ü¨Ò 517 17.3¡@¹«¼Ð«ü°wÂê©wAPI 519 17.3.1¡@¹«¼Ð«ü°wÂê©wAPI·§z 519 17.3.2¡@¹«¼Ð«ü°wÂê©wAPI¥N½X¨Ï¥Î¥Ü¨Ò 520 17.4¡@requestAnimationFrame 524 17.4.1¡@requestAnimationFrame·§z 524 17.4.2¡@requestAnimFrame¥N½X¨Ï¥Î¥Ü¨Ò 524 17.5¡@Mutation Observer 526 17.6¡@JavaScript Promise 531 17.6.1¡@Promise¹ï¶Hªº°ò¥»·§©À 531 17.6.2¡@³Ð«ØPromise¹ï¶H 537 17.6.3¡@Ã즡½Õ¥ÎPromise¹ï¶Hªºthen¤èªk 540 17.6.4¡@±N²§¨B¾Þ§@¶¤¦C¤Æ 542 17.6.5¡@²§±`³B²z 543 17.6.6¡@³Ð«Ø§Ç¦C 544 17.6.7¡@°õ¦æ¦}¦æ³B²z 549 17.7¡@Beacon API 550 17.7.1¡@Beacon API·§z 550 17.7.2¡@Beacon APIªº¨Ï¥Î¤èªk 551 ¤U??¥U ²Ä18³¹¡@CSS 3·§z 553 18.1¡@·§n¤¶²Ð 553 18.1.1¡@CSS 3¬O¤°¤\ 553 18.1.2¡@CSS 3ªº¾ú¥v 554 18.2¡@¨Ï¥ÎCSS 3¯à°µ¤°¤\ 554 18.2.1¡@¼Ò¶ô»P¼Ò¶ô¤Æµ²ºc 554 18.2.2¡@¤@Ó²³æªºCSS 3¥Ü¨Ò 556 ²Ä19³¹¡@¿ï¾Ü¾¹ 559 19.1¡@¿ï¾Ü¾¹·§z 560 19.2¡@ÄÝ©Ê¿ï¾Ü¾¹ 561 19.2.1¡@ÄÝ©Ê¿ï¾Ü¾¹·§z 561 19.2.2¡@CSS 3¤¤ªºÄÝ©Ê¿ï¾Ü¾¹ 563 19.2.3¡@ÆF¬¡¹B¥ÎÄÝ©Ê¿ï¾Ü¾¹ 564 19.3¡@µ²ºc©Ê°°Ãþ¿ï¾Ü¾¹ 565 19.3.1¡@CSS¤¤ªº°°Ãþ¿ï¾Ü¾¹¤Î°°¤¸¯À 565 19.3.2¡@¿ï¾Ü¾¹root¡Bnot¡Bempty©Mtarget 570 19.3.3¡@¿ï¾Ü¾¹f?irst-child¡Blast-child¡Bnth-child©Mnth-last-child 574 19.3.4¡@¿ï¾Ü¾¹nth-of-type©Mnth-last-of-type 579 19.3.5¡@´`Àô¨Ï¥Î¼Ë¦¡ 582 19.3.6¡@only-child¿ï¾Ü¾¹ 584 19.4¡@UI¤¸¯Àª¬ºA°°Ãþ¿ï¾Ü¾¹ 585 19.4.1¡@°°Ãþ¿ï¾Ü¾¹E:hover¡BE:active©ME:focus 586 19.4.2¡@°°Ãþ¿ï¾Ü¾¹E:enabled»PE:disabled 588 19.4.3¡@°°Ãþ¿ï¾Ü¾¹E:read-only»PE:read-write 589 19.4.4¡@°°Ãþ¿ï¾Ü¾¹E:checked¡BE:default©ME:indeterminate 590 19.4.5¡@°°Ãþ¿ï¾Ü¾¹E::selection 593 19.4.6¡@°°Ãþ¿ï¾Ü¾¹E:invalid»PE:valid 595 19.4.7¡@°°Ãþ¿ï¾Ü¾¹E:required»PE:optional 596 19.4.8¡@°°Ãþ¿ï¾Ü¾¹E:in-range»PE:out-of-range 596 19.5¡@³q¥Î¥S§Ì¤¸¯À¿ï¾Ü¾¹ 597 ²Ä20³¹¡@¨Ï¥Î¿ï¾Ü¾¹¦b¶±¤¤´¡¤J¤º®e 599 20.1¡@¨Ï¥Î¿ï¾Ü¾¹¨Ó´¡¤J¤å¦r 599 20.1.1¡@¨Ï¥Î¿ï¾Ü¾¹¨Ó´¡¤J¤º®e 599 20.1.2¡@«ü©wÓ§O¤¸¯À¤£¶i¦æ´¡¤J 601 20.2¡@´¡¤J¹Ï¹³¤å¥ó 602 20.2.1¡@¦b¼ÐÃD«e´¡¤J¹Ï¹³¤å¥ó 602 20.2.2¡@´¡¤J¹Ï¹³¤å¥óªº¦n³B 603 20.2.3¡@±NaltÄݩʪºÈ§@¬°¹Ï¹³ªº¼ÐÃD¨ÓÅã¥Ü 605 20.3¡@¨Ï¥ÎcontentÄݩʨӴ¡¤J¶µ¥Ø½s¸¹ 605 20.3.1¡@¦b¦hÓ¼ÐÃD«e¥[¤W³sÄò½s¸¹ 606 20.3.2¡@¦b¶µ¥Ø½s¸¹¤¤°l¥[¤å¦r 607 20.3.3¡@«ü©w½s¸¹ªº¼Ë¦¡ 607 20.3.4¡@«ü©w½s¸¹ªººØÃþ 608 20.3.5¡@½s¸¹´O®M 608 20.3.6¡@¤¤½s¸¹¤¤´O¤J¤j½s¸¹ 610 20.3.7¡@¦b¦r²Å¦ê¨âÃä²K¥[´O®M¤å¦r²Å¸¹ 611 ²Ä21³¹¡@¤å¦r»P¦rÅé¬ÛÃö¼Ë¦¡ 614 21.1¡@µ¹¤å¦r²K¥[³±¼v¡X¡Xtext-shadowÄÝ©Ê 614 21.1.1¡@text-shadowÄݩʪº¨Ï¥Î¤èªk 614 21.1.2¡@¦ì²¾¶ZÂ÷ 616 21.1.3¡@³±¼vªº¼Ò½k¥b®| 617 21.1.4¡@³±¼vªºÃC¦â 617 21.1.5¡@«ü©w¦hÓ³±¼v 618 21.2¡@Åý¤å¥»¦Û°Ê´«¦æ¡X¡Xword-breakÄÝ©Ê 618 21.2.1¡@¨Ì¾aÂsÄý¾¹Åý¤å¥»¦Û°Ê´«¦æ 619 21.2.2¡@«ü©w¦Û°Ê´«¦æªº³B²z¤èªk 619 21.3¡@Åýªø³æµü»PURL¦a§}¦Û°Ê´«¦æ¡X¡Xword-wrapÄÝ©Ê 621 21.4¡@¨Ï¥ÎªA°È¾¹ºÝ¦rÅé¡X¡XWeb Font»P@font-faceÄÝ©Ê 621 21.4.1¡@¦bºô¶¤WÅã¥ÜªA°È¾¹ºÝ¦rÅé 621 21.4.2¡@©w¸q±×Åé©Î²ÊÅé¦rÅé 623 21.4.3¡@Åã¥Ü«È¤áºÝ¥»¦aªº¦rÅé 625 21.4.4¡@ÄÝ©ÊȪº«ü©w 627 21.5¡@קï¦rÅéºØÃþ¦Ó«O«ù¦rÅé¤Ø¤o¤£ÅÜ¡X¡Xfont-size-adjustÄÝ©Ê 628 21.5.1¡@¦rÅ餣¦P¾ÉP¤å¦r¤j¤pªº¤£¦P 628 21.5.2¡@font-size-adjustÄݩʪº¨Ï¥Î¤èªk 629 21.5.3¡@ÂsÄý¾¹¹ï¤_aspectȪºpºâ¤èªk 629 21.5.4¡@font-size-adjustÄݩʪº¨Ï¥Î¥Ü¨Ò 630 21.6¡@¨Ï¥Îrem³æ¦ì©w¸q¦rÅé¤j¤p 631 ²Ä22³¹¡@²°¬ÛÃö¼Ë¦¡ 633 22.1¡@²°ªºÃþ«¬ 633 22.1.1¡@²°ªº°ò¥»Ãþ«¬ 633 22.1.2¡@inline-blockÃþ«¬ 635 22.1.3¡@inline-tableÃþ«¬ 642 22.1.4¡@list-itemÃþ«¬ 644 22.1.5¡@run-inÃþ«¬»PcompactÃþ«¬ 645 22.1.6¡@ªí®æ¬ÛÃöÃþ«¬ 646 22.1.7¡@noneÃþ«¬ 648 22.1.8¡@¦UºØÂsÄý¾¹¹ï¤_¦UºØ²°Ãþ«¬ªº¤ä«ù±¡ªp 649 22.2¡@¹ï¤_²°¤¤®e¯Ç¤£¤Uªº¤º®eªºÅã¥Ü 650 22.2.1¡@overf?lowÄÝ©Ê 650 22.2.2¡@overf?low-xÄÝ©Ê»Poverf?low-yÄÝ©Ê 653 22.2.3¡@text-overf?lowÄÝ©Ê 654 22.3¡@¹ï²°¨Ï¥Î³±¼v 656 22.3.1¡@box-shadowÄݩʪº¨Ï¥Î¤èªk 656 22.3.2¡@±N°Ñ¼Æ³]©w¬°0 656 22.3.3¡@³Ð«Ø²°¤º³±¼v 658 22.3.4¡@¹ï²°¤º¤l¤¸¯À¨Ï¥Î³±¼v 658 22.3.5¡@¹ï²Ä¤@Ó¤å¦r©Î²Ä¤@¦æ¨Ï¥Î³±¼v 659 22.3.6¡@¹ïªí®æ¤Î³æ¤¸®æ¨Ï¥Î³±¼v 660 22.4¡@«ü©w°w¹ï¤¸¯Àªº¼e«×»P°ª«×ªºpºâ¤èªk 661 22.4.1¡@box-sizingÄÝ©Ê 661 22.4.2¡@¬°¤°¤\n¨Ï¥Îbox-sizingÄÝ©Ê 664 ²Ä23³¹¡@I´º»PÃä®Ø¬ÛÃö¼Ë¦¡ 666 23.1¡@»PI´º¬ÛÃöªº·s¼WÄÝ©Ê 666 23.1.1¡@«ü©wI´ºªºÅã¥ÜS³ò¡X¡Xbackground-clipÄÝ©Ê 667 23.1.2¡@«ü©wI´º¹Ï¹³ªºÃ¸¨î°_ÂI¡X¡Xbackground-originÄÝ©Ê 669 23.1.3¡@«ü©wI´º¹Ï¹³ªº¤Ø¤o¡X¡Xbackground-sizeÄÝ©Ê 672 23.1.4¡@·s¼Wªº¥Î¤_¥¾QI´º¹Ï¹³ªº¿ï¶µ¡X¡Xspace»Pround 676 23.2¡@¦b¤@Ó¤¸¯À¤¤Åã¥Ü¦hÓI´º¹Ï¹³ 678 23.3¡@¨Ï¥Îº¥ÅܦâI´º 679 23.3.1¡@ø¨î½u©Êº¥ÅÜ 679 23.3.2¡@ø¨î©ñ®g©Êº¥ÅÜ 682 23.4¡@¶ê¨¤Ãä®ØªºÃ¸¨î 685 23.4.1¡@border-radiusÄÝ©Ê 686 23.4.2¡@¦bborder-radiusÄݩʤ¤«ü©w¨âÓ¥b®| 686 23.4.3¡@¤£Åã¥ÜÃä®Øªº®ÉÔ 687 23.4.4¡@קïÃä®ØºØÃþªº®ÉÔ 688 23.4.5¡@ø¨î¥|Ó¨¤¤£¦P¥b®|ªº¶ê¨¤Ãä®Ø 688 23.5¡@¨Ï¥Î¹Ï¹³Ãä®Ø 688 23.5.1¡@border-imageÄÝ©Ê 688 23.5.2¡@border-imageÄݩʪº³Ì²³æªº¨Ï¥Î¤èªk 690 23.5.3¡@¨Ï¥Îborder-imageÄݩʨӫü©wÃä®Ø¼e«× 692 23.5.4¡@«ü©w4±øÃ䤤¹Ï¹³ªºÅã¥Ü¤èªk 693 23.5.5¡@¨Ï¥ÎI´º¹Ï¹³ 696 ²Ä24³¹¡@CSS 3¤¤ªºÅܧγB²z 698 24.1¡@transform¥\¯àªº°ò¦ª¾ÃÑ 698 24.1.1¡@¦p¦ó¨Ï¥Îtransform¥\¯à 698 24.1.2¡@transform¥\¯àªº¤ÀÃþ 699 24.2¡@¹ï¤@Ó¤¸¯À¨Ï¥Î¦hºØÅܧΠ704 24.2.1¡@¹ï¤@Ó¤¸¯À¨Ï¥Î¦hºØÅܧΪº¤èªk 704 24.2.2¡@«ü©wÅܧΪº°ò·ÇÂI 707 24.3¡@¨Ï¥Î3DÅܧΥ\¯à 709 24.3.1¡@3DÅܧΥ\¯à·§z 709 24.3.2¡@¹ê²{3DÅܧΥ\¯à 710 24.4¡@Åܧίx°} 718 24.4.1¡@¯x°}·§z 718 24.4.2¡@ÅܧλP§¤¼Ð¨t²Î 719 24.4.3¡@pºâ2DÅܧΠ719 24.4.4¡@pºâ3DÅܧΠ721 24.4.5¡@³q¹L¯x°}°õ¦æ¦h«ÅܧγB²z 722 ²Ä25³¹¡@CSS 3¤¤ªº°Êµe¥\¯à 725 25.1¡@Transitions¥\¯à 725 25.1.1¡@Transitions¥\¯àªº¨Ï¥Î¤èªk 726 25.1.2¡@¨Ï¥ÎTransitions¥\¯à¦P®É¥·Æ¹L´ç¦hÓÄÝ©ÊÈ 727 25.2¡@Animations¥\¯à 730 25.2.1¡@Animations¥\¯àªº¨Ï¥Î¤èªk 730 25.2.2¡@¹ê²{¦hÓÄÝ©ÊȦP®É§ïÅܪº°Êµe 733 25.2.3¡@¹ê²{°Êµeªº¤èªk 736 25.2.4¡@¹ê²{ºô¶ªº²H¤J®ÄªG 737 ²Ä26³¹¡@¥¬§½¬ÛÃö¼Ë¦¡ 739 26.1¡@¦hÄ楬§½ 740 26.1.1¡@¨Ï¥Îf?loatÄÝ©Ê©ÎpositionÄݩʪº¯ÊÂI 740 26.1.2¡@¨Ï¥Î¦hÄ楬§½¤è¦¡ 741 26.2¡@²°¥¬§½ 747 26.2.1¡@¨Ï¥Îf?loatÄÝ©Ê©ÎpositionÄݩʮɪº¯ÊÂI 747 26.2.2¡@¨Ï¥Î²°¥¬§½ 749 26.2.3¡@²°¥¬§½»P¦hÄ楬§½ªº°Ï§O 750 26.3¡@¼u©Ê²°¥¬§½ 751 26.3.1¡@¹ï¦hÓ¤¸¯À¨Ï¥Îf?lexÄÝ©Ê 751 26.3.2¡@§ïÅܤ¸¯ÀªºÅã¥Ü¶¶§Ç 753 26.3.3¡@§ïÅܤ¸¯Àªº±Æ¦C¤è¦V 754 26.3.4¡@¤¸¯À¼e«×»P°ª«×ªº¦Û¾AÀ³ 755 26.3.5¡@¨Ï¥Î¼u©Ê²°¥¬§½¨Ó®ø°£ªÅ¥Õ 758 26.3.6¡@¹ï¦hÓ¤¸¯À¨Ï¥Îf?lexÄÝ©Ê 759 26.3.7¡@±±¨î´«¦æ¤è¦¡ 766 26.3.8¡@«ü©w¤ô¥¤è¦V»P««ª½¤è¦Vªº¹ï»ô¤è¦¡ 769 26.4¡@calc¤èªk 781 26.4.1¡@calc¤èªk·§z 781 26.4.2¡@calc¤èªk¨Ï¥Î¥Ü¨Ò 781 ²Ä27³¹¡@Media Queries¬ÛÃö¼Ë¦¡ 783 27.1¡@®Ú¾ÚÂsÄý¾¹ªºµ¡¤f¤j¤p¨Ó¿ï¾Ü¨Ï¥Î¤£¦Pªº¼Ë¦¡ 783 27.2¡@¦biPhone¤¤ªºÅã¥Ü 788 27.3¡@Media Queriesªº¨Ï¥Î¤èªk 789 ²Ä28³¹¡@CSS 3ªº¨ä¥L«n¼Ë¦¡©MÄÝ©Ê 792 28.1¡@ÃC¦â¬ÛÃö¼Ë¦¡ 792 28.1.1¡@§Q¥Îalpha³q¹D¨Ó³]©wÃC¦â 793 28.1.2¡@alpha³q¹D»PopacityÄݩʪº°Ï§O 795 28.1.3¡@«ü©wÃC¦âȬ°transparent 797 28.2¡@¥Î¤á¬É±¬ÛÃö¼Ë¦¡ 798 28.2.1¡@½ü¹ø¬ÛÃö¼Ë¦¡ 799 28.2.2¡@resizeÄÝ©Ê 801 28.3¡@¨Ï¥ÎinitialÄÝ©ÊȨú®ø¹ï¤¸¯Àªº¼Ë¦¡«ü©w 802 28.3.1¡@¨ú®ø¹ï¤¸¯Àªº¼Ë¦¡«ü©w 802 28.3.2¡@¨Ï¥ÎinitialÄÝ©ÊȦ}¤£µ¥¤_¨ú®ø¼Ë¦¡³]©wªº¯S¨Ò 804 28.4¡@¹ê²{CSS 3¤¤ªºÂoÃè¯S®Ä 805 28.4.1¡@ÂoÃè¯S®Ä·§z 805 28.4.2¡@¹ê²{ÂoÃè¯S®Ä 806 ²Ä29³¹¡@ºî¦X¹ê¨Ò 815 29.1¡@¹ê¨Ò1¡G¨Ï¥ÎHTML 5¤¤·s¼Wµ²ºc¤¸¯À¨Óºc«Øºô¶ 815 29.1.1¡@²Õ´ºô¶µ²ºc 815 29.1.2¡@ºc«Øºô¶¼ÐÃD 818 29.1.3¡@ºc«Ø°¼ÃäÄæ 820 29.1.4¡@ºc«Ø¥DÅ餺®e 823 29.1.5¡@ºc«Øª©Åv«H®§ 829 29.2¡@¹ê¨Ò2¡G¨Ï¥ÎHTML 5+CSS 3¨Óºc«ØWebÀ³¥Îµ{§Ç 829 29.2.1¡@HTML 5¶±¥N½X¤ÀªR 830 29.2.2¡@CSS 3¼Ë¦¡¥N½X¤ÀªR 833 29.2.3¡@JavaScript¸}¥»¥N½X¤ÀªR 836 ªþ¿ýA¡@ºI¦Ü2015¦~5¤ë¤¤jÂsÄý¾¹³Ì·sª©¹ïHTML 5ªº¤ä«ù±¡ªp 844 |
§Ç¡G |