疯狂HTML 5_CSS 3_JavaScript讲义

޻ ᇯ ㆶ ԁ HTML 5 㿴㤳બѻⅢࠪˈ਴⍿㿸ಘল୶ᴤᰙᐢ᪙ᤣᬖᦼˈ㓧㓧᧘ࠪ᭟ᤱ HTML 5 㿴㤳Ⲵ⍿㿸ಘ˖ FirefoxǃOperaǃChromeㅹ⍿㿸ಘᰙᐢᖸྭൠ᭟ᤱ਴⿽ HTML 5㿴㤳ˈᗞ䖟ҏᇓᐳ IE 9ሶՊᴤྭൠ᭟ᤱ CSS 3ǃSVG઼ HTML 5ㅹᯠ㿴㤳ˈ䘉Ӌ䘩䊑㺘᰾˖HTML 5ᰦԓࡠᶕҶDŽ ᵜҖᱟаᵜޘ䶒ӻ㓽 HTML 5ǃCSS 3઼ JavaScriptࡽㄟᔰਁᢰᵟⲴമҖˈ㌫㔏ൠӻ㓽Ҷ HTML 5 ᑨ⭘Ⲵݳ㍐઼኎ᙗǃHTML 5Ⲵ㺘অݳ㍐઼኎ᙗǃHTML 5Ⲵ㔈മ᭟ᤱǃHTML 5ⲴཊჂփ᭟ᤱǃCSS 3 Ⲵ࣏㜭઼⭘⌅ǃᴰࡽ⋯Ⲵਈᖒоࣘ⭫࣏㜭ㅹDŽ䲔↔ѻཆˈᵜҖ䘈㌫㔏ൠӻ㓽Ҷ JavaScript㕆〻⸕䇶ˈव ᤜ JavaScriptสᵜ䈝⌅ǃDOM㕆〻ˈԕ৺ HTML 5ᯠ໎Ⲵᵜൠᆈۘǃ⿫㓯ᓄ⭘ǃJavaScriptཊ㓯〻ǃᇒ ᡧㄟ䙊ؑ᭟ᤱǃWebSocket㕆〻ㅹDŽ ᵜҖⲴᇊսᱟаᵜࡽㄟᔰਁⲴĀᇎᡈᙗāമҖˈഐ↔൘ӻ㓽਴⸕䇶⛩ᰦᒦнᱟㆰঅൠڌ⮉൘⸕䇶⛩ ቲ䶒䱀䘠ˈ㘼ᱟ㔃ਸҶབྷ䟿ᇎֻᶕ䇙䈫㘵ሩ➗㓳Ґǃᆖԕ㠤⭘DŽᵜҖᴰਾ䘈ᨀ׋ҶањสҾ HTML 5 ᢰᵟⲴሿ⑨ᠿ˖⯟⣲״㖇ᯟᯩඇDŽ䈕⑨ᠿ㔬ਸ䘀⭘Ҷ HTML 5Ⲵ㔈മ᭟ᤱǃᇒᡧㄟᆈۘㅹᢰᵟˈާᴹ䖳 儈Ⲵ৲㘳ԧ٬DŽᵜҖᨀ׋Ҷ䝽྇Ⲵㆄ⯁㖁ㄉˈྲ᷌䈫㘵൘䰵䈫ᵜҖᰦ䙷ࡠҶᢰᵟ䰞仈ˈਟԕⲫᖅ⯟⣲ Java㚄ⴏ˄http://www.crazyit.org˅ਁᑆˈㅄ㘵ሶՊ৺ᰦҸԕ䀓ㆄDŽ ᵜҖሩ HTML 5ǃCSS 3ǃJavaScriptⲴӻ㓽ᱟĀӾ䴦ᔰ࿻āⲴˈഐ↔䰵䈫ᵜҖᒦн䴰㾱仍ཆⲴส⹰DŽ ሩҾࡊࡊӾһࡽㄟᔰਁⲴᯠӪˈᵜҖާᴹᖸྭⲴᆖҐԧ٬˗ሩҾᴹаᇊᐕ֌㓿傼Ⲵࡽㄟᐕ〻ᐸˈᵜҖާ ᴹᖸ儈Ⲵ৲㘳ԧ٬DŽᵜҖҏਟ֌Ѫ儈ṑǃษ䇝ᵪᶴⲴษ䇝ᮉᶀDŽ ᵚ㓿䇨ਟˈнᗇԕԫօᯩᔿ༽ࡦᡆᢴ㻝ᵜҖѻ䜘࠶ᡆޘ䜘޵ᇩDŽ ⡸ᵳᡰᴹˈץᵳᗵウDŽ ഴҜ൞⡾㕌ⴤδCIPεᮦᦤ ⯟⣲ HTML 5/CSS 3/JavaScript䇢ѹ / ᵾࡊ㕆㪇. üेӜ˖⭥ᆀᐕъࠪ⡸⽮ˈ2012.5 ISBN 978-7-121-16863-5 ĉ. ķ⯟Ă Ċ. ķᵾĂ ċ. ķ䎵᮷ᵜḷ䇠䈝䀰ˉ〻ᒿ䇮䇑ĸ㖁亥ࡦ֌ᐕާĹJAVA䈝䀰ˉ〻ᒿ䇮䇑 Č.ķTP312ĸTP393.092 ѝഭ⡸ᵜമҖ侶 CIPᮠᦞṨᆇ˄2012˅ㅜ 078047ਧ ㆆࡂ㕆䗁˖ᕐᴸ㨽 䍓ԫ㕆䗁˖㪋 ၌ ঠ ࡧ˖ 㻵 䇒˖ ࠪ⡸ਁ㹼˖⭥ᆀᐕъࠪ⡸⽮ ൠ൰˖ेӜᐲ⎧⏰४зሯ䐟 173ؑ㇡ 䛞㕆 100036 ᔰ ᵜ˖787h1092 1/16 ঠᕐ˖32 ᆇᮠ˖819ॳᆇ ᖙᨂ˖1 ঠ ⅑˖2012ᒤ 5ᴸㅜ 1⅑ঠࡧ ঠ ᮠ˖4000޼ ᇊԧ˖69.00ݳ˄ਜ਼ݹⴈ 1ᕐ˅ ࠑᡰ䍝Ҡ⭥ᆀᐕъࠪ⡸⽮മҖᴹ㕪ᦏ䰞仈ˈ䈧ੁ䍝ҠҖᓇ䈳ᦒDŽ㤕Җᓇ୞㕪ˈ䈧оᵜ⽮ਁ㹼䜘㚄㌫ˈ㚄 ㌫৺䛞䍝⭥䈍˖˄ 010˅88254888DŽ 䍘䟿ᣅ䇹䈧ਁ䛞Ԧ㠣 zlts@phei.com.cnˈⴇ⡸ץᵳѮᣕ䈧ਁ䛞Ԧ㠣 dbqq@phei.com.cnDŽ ᴽ࣑✝㓯˖˄ 010˅88258888DŽ ेӜѝᯠՏъঠࡧᴹ䲀ޜਨ ⓜ� � � � 岏� HTML 5ᰦԓণሶࡠᶕ FˈirefoxǃOperaǃChromeㅹ⍿㿸ಘᰙᐢᖸྭൠ᭟ᤱ਴⿽ HTML 5 㿴㤳 ᗞˈ䖟Ӿ IE 9ᔰ࿻ҏ㜭᭟ᤱ HTML 5ǃCSS 3઼ SVGㅹᯠ㿴㤳DŽW3Cᐢ㓿ᢺਁᐳ HTML 5 㿴㤳㓣ޕҶ䇞һᰕ〻DŽ䘉Ӌһᇎ㺘᰾˖HTML 5↓൘ੁབྷᇦᤋ᡻DŽ ㅄ㘵аⴤ൘㠚ᐡⲴ⭥㝁кᆹ㻵⵰ 5њ⍿㿸ಘ I˖nternet ExplorerǃFirefoxǃOperaǃChrome ઼ Safariˈ⇿ᖃ䘉Ӌ⍿㿸ಘᴹᯠ⡸ᵜ䶒цᰦˈㅄ㘵ᙫՊ൘ㅜаᰦ䰤৫л䖭ᒦ֯⭘ᆳԜˈᙫᐼ ᵋҶ䀓ࡠ䘉Ӌ⍿㿸ಘሩ HTML 5 Ⲵ᭟ᤱ〻ᓖDŽ⧠൘ᖸ⅓ௌൠⴻࡠˈ㔍བྷ䜘࠶⍿㿸ಘ䜭ᐢሩ HTML 5ᨀ׋ҶᖸྭⲴ᭟ᤱDŽ ሩҾᡰᴹⲴࡽㄟᔰਁ㘵ᶕ䈤 HˈTML 5о CSS 3ᱟањ䮯ѵⲴĀᵏᖵāˈ ഐѪԕࡽⲴࡽㄟ ᔰਁཚⰋ㤖ҶüüķHTML᧗ԦⲴ࣏㜭䗷Ҿঅаˈ∄ྲањㆰঅⲴᰕশ䘹ᤙṶˈࡽㄟᔰਁ㘵 ᗵ享Җ߉བྷ䟿Ⲵ JavaScriptԓ⸱᡽㜭ᆼᡀ˄ᡆ㘵ⴤ᧕⭘ㅜйᯩᨀ׋Ⲵᰕশ㓴Ԧ˅˗ ĸ਴⍿㿸ಘ ল୶ሩ HTMLǃJavaScriptǃCSSⲴ᭟ᤱᴹᐞᔲˈᔰਁӪઈ䴰㾱㣡䍩བྷ䟿ᰦ䰤ᶕ䀓ߣࡽㄟᔰਁ ᡰ䙷ࡠⲴ䐘⍿㿸ಘ䰞仈ĂĂሩҾᡰᴹӾһԱъ㓗ᓄ⭘ᔰਁⲴ〻ᒿઈᶕ䈤ˈࡽㄟᔰਁ৸ᱟᰐ⌅ എ䚯Ⲵˈᴹᰦىࡽㄟ UIᔰਁⲴᰦ䰤ঐࡠᮤњ亩ⴞᔰਁᰦ䰤Ⲵ 40ˁ˄⭊㠣ᴤ儈˅ˈ HTML 5Ⲵ ࡠᶕਟԕ䇙ࡽㄟᔰਁ㘵ᴤ࣐䖫ᶮDŽ 㦻⃵䔈䍈 ᵜҖᱟаᵜӻ㓽 HTML 5ǃCSS 3઼ JavaScriptᔰਁⲴᇎ⭘മҖDŽޘҖਟ࠶Ѫ 4њ䜘࠶DŽ ㅜа䜘࠶ ˖ޘ䶒ൠӻ㓽Ҷ HTML 5Ⲵޘ䜘ḷㆮ ᒦˈф䈖㓶ൠӻ㓽Ҷ਴ḷㆮᡰ᭟ᤱⲴ኎ᙗˈ ᒦѪ਴ HTML ḷㆮǃ኎ᙗ䜭ᨀ׋Ҷ䝽྇Ⲵ⽪ֻ亥䶒ˈ䘉Ӌ޵ᇩнӵਟԕ֌ѪᆖҐ HTML 5 Ⲵᮉ〻ˈҏਟԕ֌ѪᰕᑨᔰਁⲴ৲㘳᡻޼DŽ ㅜҼ䜘࠶˖䈖㓶ൠӻ㓽Ҷ CSS 3Ⲵ㔍བྷ䜘࠶ᑨ⭘䘹ᤙಘǃ኎ᙗˈᒦѪ䘉Ӌ䘹ᤙಘǃ኎ᙗ ᨀ׋Ҷ⽪ֻˈᯩׯᒯབྷ䈫㘵৲㘳ᵜҖޘ䶒ǃ㌫㔏ൠᦼᨑ CSS 3Ⲵ࣏㜭઼⭘⌅DŽ䘉䜘࠶޵ᇩҏ ਟԕ֌Ѫࡽㄟᔰਁ㘵Ⲵ৲㘳᡻޼DŽ ㅜй䜘࠶ 䟽˖⛩ӻ㓽Ҷ JavaScript㕆〻Ⲵ⴨ޣ޵ᇩ वˈᤜ JavaScriptส⹰䈝⌅ǃJavaScript ࠭ᮠǃJavaScriptሩ䊑ǃDOM㕆〻ǃһԦ༴⨶ǃᵜൠᆈۘǃ⿫㓯ᓄ⭘ǃཊ㓯〻ǃ䐘᮷ẓ⎸᚟ 䙊ؑǃWebSocket㕆〻ㅹ⸕䇶ˈ䘉Ӌ޵ᇩᰒ㾶ⴆҶࡍᆖ㘵Ⲵ㕆〻ส⹰ˈҏ㾶ⴆҶ HTML 5ᡰ ᭟ᤱⲴᯠ࣏㜭ˈ䶎ᑨ䘲ਸ֌Ѫࡽㄟᔰਁ㘵ⲴᆖҐᮉ〻DŽ ㅜഋ䜘࠶˖㔬ਸ䘀⭘Ҷ HTML 5 Ⲵ㔈മ᭟ᤱǃᇒᡧㄟᆈۘǃCSS ṧᔿǃJavaScript 㕆〻 ㅹ޵ᇩˈᔰਁҶањ㖁亥⡸ⲴĀ⯟⣲״㖇ᯟᯩඇāDŽ䘉њሿ⑨ᠿᰒਟ䇙䈫㘵ᐙപࡽ䶒ᡰᦼᨑ Ⲵ਴⿽⸕䇶ˈҏਟ䇙䈫㘵ሶᡰᆖ⨶䇪䘀⭘ࡠᇎ䱵ᔰਁѝDŽ 䴰㾱䈤᰾ⲴᱟˈᵜҖਚᱟаᵜӻ㓽 HTML 5ǃCSS 3ǃJavaScriptᇎ䱵ᔰਁⲴമҖˈ㘼н ᱟаᵜޣҾᡰ䉃Ā䇮䇑ᙍᜣāⲴҖˈн㾱ᤷᵋᆖҐᵜҖ㜭ᨀ儈֐ᡰ䉃ⲴĀ䇮䇑ᙍᜣāˈ ᡰԕ gIVg ཹ࣍䛓Ӌᐼᵋᨀ儈ᙍᜣⲴ䈫㘵н㾱䰵䈫ᵜҖDŽ ᵜҖᡰӻ㓽Ⲵ⸕䇶䜭ᖸĀ⍵ᱮāˈ ਚ㾱䈫㘵ᝯ᜿඀лᶕǃ䶉ᗳ䰵䈫ᵜҖˈᒦᢺҖѝᡰᴹ ⽪ֻᗚᒿ⑀䘋ൠ㓳Ґа䙽ˈᵜҖᑖ㔉֐Ⲵਚᱟ 9њᆇ Ā˖ⴻᗇ៲ǃᆖᗇՊǃڊᗇࠪāDŽᵜҖᒦ ⋑ᴹึ⸼аึĀ␡ྕāⲴᯠ਽䇽ǃаึĀ儈␡āⲴᙍᜣˈᵜҖ׍❦؍ᤱҶĀ⯟⣲ Javaփ㌫ā Ⲵа䍟仾Ṭ˖ᙍ䐟␵Რˈ䈝䀰ᒣᇎˈ᫽֌↕僔䈖㓶DŽ ਚ㾱䈫㘵൘䰵䈫ᵜҖᰦ䙷ࡠ⸕䇶кⲴ䰞仈ˈ䜭ਟԕⲫᖅ⯟⣲ Java 㚄ⴏ ˄http://www.crazyit.org˅оᒯབྷ JavaᆖҐ㘵Ӕ⍱ˈㅄ㘵ҏՊ䙊䗷䈕ᒣਠоབྷᇦа䎧Ӕ⍱ǃᆖ ҐDŽ ᵜҖާᴹྲлࠐњ⢩⛩DŽ 1κ⸛䇼ޞ䶘θ㾼ⴌ䶘ᒵ ᵜҖޘ䶒ӻ㓽Ҷ HTML 5ǃCSS 3ǃJavaScriptⲴ਴⿽⴨ޣ⸕䇶ˈवᤜ HTML 5໎ᕪⲴ㺘 অḷㆮǃ㔈മ᭟ᤱǃཊჂփ᭟ᤱǃCSS䘹ᤙಘǃCSSⴂ⁑ර኎ᙗǃCSSਈᖒ઼ࣘ⭫⴨ޣ኎ᙗǃ ⿫㓯ᓄ⭘ǃᇒᡧㄟᆈۘǃJavaScriptཊ㓯〻ǃ䐘᮷ẓ⎸᚟Ր䙂ǃWebSocketㅹ޵ᇩDŽᵜҖޘ䶒 㾶ⴆҶW3Cᇈ㖁кᐢਁᐳⲴ HTML 5ᯠ㿴㤳ˈҏ㾶ⴆҶ䜘࠶ণሶਁᐳⲴᯠ㿴㤳DŽ 2κ޻ᇯᇔ䱻θᇔ⭞ᙝᕰ ᵜҖᒦнተ䲀Ҿᷟ⠕Ⲵ⨶䇪ӻ㓽ˈ㘼ᱟ䟷⭘ҶĀ亩ⴞ傡ࣘāⲴᯩᔿᶕ䇢ᦸ⸕䇶⛩DŽᰐ䇪 ᱟ䇢䀓 HTML 5ḷㆮ䘈ᱟ CSS 3䘹ᤙಘǃ኎ᙗⲴ࣏㜭ˈࠐѾ⇿њ⸕䇶⛩䜭ਟ᢮ࡠሩᓄⲴ৲㘳 ⽪ֻDŽᵜҖᴰਾ䘈ᨀ׋ҶĀ⯟⣲״㖇ᯟᯩඇāṸֻˈᇎ⭘ᙗᖸᕪDŽ 3κ䇨䀙䈜㓼θрᢁᇯ᱉ ᵜҖ؍ᤱҶĀ⯟⣲ Javaփ㌫āⲴа䍟仾Ṭ˖ᙍ䐟␵Რˈ䈝䀰ᒣᇎˈ᫽֌↕僔䈖㓶DŽਚ㾱 䇔ⵏ䰵䈫ᵜҖˈᢺҖѝᡰᴹ⽪ֻᗚᒿ⑀䘋ൠ㓳Ґа䙽ˈᒦᢺᵜҖᴰਾањṸֻ⤜・ᆼᡀˈ䈫 㘵ቡਟ䗮ࡠԱъࡽㄟᔰਁⲴ㾱≲DŽ ⒪⇫㎮岏 ৸аᵜᯠҖሶ䶒цˈᡁᐢ㓿䘰৫ҶⴻࡠᯠҖ䶒цⲴ⅓ௌᝏˈ৽ق⋩❦㘼⭏а⿽ᜦ ˖ҏ 䇨ഐѪᐢࠪ⡸ҶнቁമҖˈн޽ӗ⭏ᯠ勌Ⲵ᛺ௌ˗ҏ䇨ഐѪབྷ䟿䈫㘵Ⲵ⇧࠷ᵏᵋˈ␡ 㠚ᐡ ⲴᯠҖн㜭┑䏣ᡰᴹ䈫㘵ⲴᵏᵋDŽਚ㜭ᢺ㠚ᐡॱҼ࠶Ⲵ✝ᘡǃॱҼ࠶Ⲵࣚ࣋ӔࠪᶕˈᐼᵋՇ ཊ⇧⇧ᵏᵋⲴ䈫㘵нՊཡᵋDŽ എᜣ䘉ࠐᒤˈ⇿ᒤ䗷ᒤ䜭൘ࡋ֌മҖˈҏ䇨䘉᡽ᱟа⿽኎ҾᡁⲴ⣦ᘱˈа⿽ᡁௌ⅒Ⲵ⣦ ᘱˈа⿽ᖸঅ㓟Ⲵ⣦ᘱˈа⿽о⎞೓ц⭼؍ᤱ䐍⿫Ⲵ⣦ᘱDŽᖃᇦґⲴ⛞ㄩ༠൘䲔ཅཌ↔䎧ᖬ ԿᰦˈᖃᒯᐎⲴӪ㗔൘㺇ᐲкᐍ⍱н᚟ᰦˈᡁᆱᝯǃᆱᝯᆸ⵰㠚ᐡᆱ䶉Ⲵᇦˈੜ⵰ᇦӪ⑙俘 Ⲵ༠丣ˈⴻ⵰ቿᒅкⲴᆇањањൠࠪ⧠ˈ䘉ቡᱟᡁⲴ⭏⍫ᯩᔿDŽ ⎞೓ц⭼ˈ⟉⟉ᭈᭈˈц⭼ᱟ✝䰩Ⲵˈԕаᐡѻ䓛ˈ㹼䎠Ҿ↔┊┊ቈцˈᖰᖰᖸ䳮ᗳ䶉 ྲ≤DŽᗵᗇᗳᰐᯱ僋ˈᯩ⭏ߕߕѻᘇDŽ֋㓿ӖӁ˖ࠑᡰᴹ⴨ˈⲶᱟ㲊ྴˈ㤕㿱䈨⴨䶎⴨ˈࡉ 㿱ྲᶕˈҏ䇨Ӫ⭏Ӗ䈕ྲ↔DŽ gVg 㦻⃵␨全庐䦚 ᵜҖᱟаᵜĀӾ䴦ᆖҐāⲴ HTML 5ǃCSS 3ǃJavaScriptуъമҖˈ䰵䈫ᵜҖᒦн䴰㾱 仍ཆⲴส⹰DŽሩҾࡊࡊӾһࡽㄟᔰਁⲴᯠӪˈᵜҖާᴹᖸྭⲴᆖҐԧ٬˗ሩҾᴹаᇊᐕ֌㓿 傼Ⲵࡽㄟᐕ〻ᐸˈᵜҖާᴹᖸ儈Ⲵ৲㘳ԧ٬DŽᵜҖҏਟ֌Ѫ儈ṑǃษ䇝ᵪᶴⲴษ䇝ᮉᶀDŽ⭡ ҾᵜҖᱟаᵜуъ㓗ⲴࡽㄟᔰਁᢰᵟമҖ ሩˈҾ䛓ӋਚᜣㆰঅҶ䀓 HTMLǃCSSⲴъ։Ӫ༛ˈ н᧘㦀䘹ᤙᵜҖDŽ � 2012-3-10 ݿⴎ䈪᱄ жȽݿⴎ޻ᇯ� ᵜݹⴈᱟlj⯟⣲ HTML 5/CSS 3/JavaScript䇢ѹNJаҖⲴ䝽ҖݹⴈˈҖѝⲴԓ⸱᤹ㄐǃ ᤹㢲ᆈ᭮ ∄ˈྲㅜ 3ㄐㅜ 2㢲ᡰ֯⭘Ⲵԓ⸱᭮൘ codes᮷ԦཀྵⲴ 03\2.2᮷Ԧཀྵл ׍ˈ↔㊫᧘DŽ Җѝ⇿ԭⓀԓ⸱ҏ㔉ࠪоݹⴈⓀ᮷ԦⲴሩᓄޣ㌫ˈᯩׯ䈫㘵ḕ᢮DŽ ᵜݹⴈ codesⴞᖅлᴹ 19њ᮷Ԧཀྵˈަ޵ᇩ઼ਜ਼ѹ䈤᰾ྲлDŽ ˄1 0˅1̚19᮷Ԧཀྵ਽ሩᓄҾlj⯟⣲ HTML 5/CSS 3/JavaScript䇢ѹNJѝⲴㄐ਽ˈ∄ྲㅜ 3 ㄐᡰ֯⭘Ⲵԓ⸱᭮൘ codes᮷ԦཀྵⲴ 03᮷Ԧཀྵлˈ׍↔㊫᧘DŽ ˄2˅ݹⴈѝᴹӋ᮷Ԧཀྵлवਜ਼Ҷ.classpathǃ.mymetadataǃ.projectㅹ᮷ԦˈᆳԜᱟ Eclipse 亩ⴞ᮷Ԧˈ䈧н㾱ࡐ䲔DŽ ӂȽ䘆㺂⧥ູ� ᵜҖѝⲴ〻ᒿ൘ԕл⧟ຳѝ䈳䈅䙊䗷DŽ ˄1˅ᵜҖᖸཊHTML 5ǃCSS 3ԓ⸱ᗵ享൘儈⡸ᵜⲴ⍿㿸ಘѝ᡽㜭ⴻࡠ᭸᷌DŽᔪ䇞䈫㘵ᆹ㻵 Opera 11.60ǃFirefox 10.0ǃChrome 17.0ԕк⡸ᵜⲴ⍿㿸ಘDŽ ˄2˅ᵜҖቁ䟿〻ᒿ䴰㾱֯⭘ Java㕆䈁ǃ䘀㹼ˈᔪ䇞ᆹ㻵 jdk-7u3-windows-i586.exeˈᆹ㻵ᆼ ᡀਾˈ␫࣐CLASSPATH⧟ຳਈ䟿ˈ䈕⧟ຳਈ䟿Ⲵ٬Ѫ.; %JAVA_HOME%/lib/tools.jar; %JAVA_ HOME%/lib/dt.jarDŽ ѪҶਟԕ㕆䈁઼䘀㹼 Java〻ᒿˈ䘈ᓄ䈕൘ PATH⧟ຳਈ䟿ѝ໎࣐%JAVA_HOME%/binDŽަ ѝ JAVA_HOMEԓ㺘 JDK˄нᱟ JRE˅Ⲵᆹ㻵䐟ᖴDŽ ˄3 ㅜ˅ 18ㄐⲴ⿫㓯Webᓄ⭘䴰㾱 Tomcatᴽ࣑ಘ ᔪˈ䇞ᆹ㻵ApacheⲴ Tomcat 7.0.20 нˈ㾱 ֯⭘ᆹ㻵᮷Ԧᆹ㻵 㘼ˈᱟ䟷⭘䀓঻㕙Ⲵᆹ㻵ᯩᔿDŽᆹ㻵 Tomcat䴰㾱໎࣐ JAVA_HOME⧟ຳਈ䟿ˈ ⧟ຳਈ䟿٬Ѫ JDKᆹ㻵䐟ᖴDŽ пȽ⌞ᝅӁ亯� ˄1 ሩ˅ҾWebᓄ⭘ ሶˈ䈕ᓄ⭘༽ࡦࡠ%TOMCAT_HOME%/webapps䐟ᖴлDŽ੟ࣘ Tomcat ᴽ࣑ಘˈ֯⭘⍿㿸ಘণਟ䇯䰞䈕ᓄ⭘DŽ ˄2˅൘֯⭘ᵜݹⴈѝⲴ〻ᒿᰦˈ䈧ሶ〻ᒿᤧ䍍ࡠ⺜ⴈкˈᒦ৫䲔᮷ԦⲴਚ䈫኎ᙗDŽ ഑Ƚᢶᵥ᭥ᤷ� ྲ᷌ᛘ൘֯⭘ᵜݹⴈѝ䙷ࡠн៲Ⲵᢰᵟ䰞仈ˈਟԕⲫᖅྲл㖁ㄉо֌㘵㚄㌫˖ http://www.crazyit.org ㅢж䜞࠼ ㅢ 1ㄖ HTML 5ㆶԁ ...................................... 1 1.1 HTMLশਢоHTML 5 ..................... 2 1.1.1 HTMLਁኅশਢ ............................. 2 1.1.2 HTML 4.01઼XHTML ................... 3 1.1.3 HTML઼XHTMLⲴ᮷ẓ㊫ර ᇊѹ˄DTD˅ ................................. 4 1.1.4 ӾXHTMLࡠHTML 5 ..................... 5 1.2 HTML 5ⲴՈ࣯ ................................ 6 1.2.1 䀓ߣ䐘⍿㿸ಘ䰞仈 ........................ 6 1.2.2 䜘࠶ԓᴯҶ৏ᶕⲴJavaScript ......... 7 1.2.3 ᴤ᰾⺞Ⲵ䈝ѹ᭟ᤱ ........................ 7 1.2.4 ໎ᕪҶWebᓄ⭘〻ᒿⲴ࣏㜭 ......... 8 1.3 HTML 5Ⲵสᵜ㔃ᶴ઼䈝⌅ ਈॆ ...................................................... 8 1.3.1 HTML 5สᵜ㔃ᶴ ......................... 8 1.3.2 HTML 5Ⲵ䈝⌅ਈॆ ..................... 9 1.4 ᵜㄐሿ㔃 ........................................... 12 ㅢ 2ㄖ� HTML 5Ⲻᑮ⭞ݹ㍖фኔᙝ ........ 13 2.1 HTML 5؍⮉Ⲵᑨ⭘ݳ㍐ ............ 14 2.1.1 สᵜݳ㍐ ...................................... 14 2.1.2 ᮷ᵜṬᔿॆݳ㍐ .......................... 16 2.1.3 䈝ѹ⴨ޣݳ㍐ .............................. 18 2.1.4 䎵䬮᧕઼䭊⛩ .............................. 20 2.1.5 ࡇ㺘⴨ޣݳ㍐ .............................. 22 2.1.6 മۿ⴨ޣݳ㍐ .............................. 24 2.1.7 㺘Ṭ⴨ޣݳ㍐ .............................. 25 2.1.8 Ṷᷦ⴨ޣݳ㍐ .............................. 30 2.2 HTML 5ᯠ໎Ⲵ䙊⭘኎ᙗ ............ 31 2.2.1 contentEditable኎ᙗ ..................... 31 2.2.2 designMode኎ᙗ ........................... 32 2.2.3 hidden኎ᙗ ................................... 33 2.2.4 spellcheck኎ᙗ .............................. 33 2.3 HTML 5ᯠ໎Ⲵᑨ⭘ݳ㍐ ............ 34 2.3.1 ᮷ẓ㔃ᶴݳ㍐ .............................. 34 2.3.2 䈝ѹ⴨ޣݳ㍐ .............................. 39 2.3.3 єњ⢩↺࣏㜭Ⲵݳ㍐ ................... 40 2.4 HTML 5ཤ䜘઼ݳؑ᚟ ................. 41 2.5 HTML 5ᯠ໎Ⲵᤆ᭮API............... 43 2.5.1 ੟ࣘᤆࣘ ....................................... 43 2.5.2 ᧕ਇĀ᭮ā.................................... 44 2.5.3 DataTransferሩ䊑 .......................... 46 2.5.4 ᤆ᭮㹼Ѫ ....................................... 49 2.5.5 ᭩ਈᤆ᭮മḷ ............................... 50 2.6 ᵜㄐሿ㔃 ........................................... 51 ㅢ 3ㄖ� HTML 5㺞ঋ⴮ީݹ㍖ૂኔᙝ .... 52 3.1 HTML৏ᴹⲴ㺘অ৺ 㺘অ᧗Ԧ ........................................... 53 3.1.1 㺘অݳ㍐ ....................................... 53 3.1.2 ֯⭘inputݳ㍐ .............................. 54 3.1.3 ֯⭘labelᇊѹḷㆮ ....................... 57 3.1.4 ֯⭘buttonᇊѹ᤹䫞 ..................... 58 3.1.5 ࡇ㺘Ṷ઼л᣹㨌অ ....................... 58 3.1.6 ֯⭘textareaᇊѹ᮷ᵜฏ .............. 60 3.2 HTML 5ᯠ໎Ⲵ኎ᙗоݳ㍐ ....... 61 3.2.1 HTML 5Ѫ㺘অ᧗Ԧᯠ໎Ⲵ ኎ᙗ .............................................. 61 3.2.2 ࣏㜭ѠᇼⲴinputݳ㍐ ................... 65 3.2.3 HTML 5ᯠ໎Ⲵ㺘অ᧗Ԧ ............ 68 3.3 HTML 5໎ᕪⲴ᮷ԦкՐฏ ....... 69 3.3.1 FileListሩ䊑оFileሩ䊑 ................ 69 3.3.2 ֯⭘FileReader䈫ਆ᮷Ԧ޵ᇩ ..... 71 3.4 HTML 5ᯠ໎Ⲵᇒᡧㄟṑ傼 ....... 75 3.4.1 ֯⭘ṑ傼኎ᙗᢗ㹼ṑ傼 ............... 75 3.4.2 䈳⭘checkValidityᯩ⌅䘋㹼 ṑ傼 .............................................. 76 3.4.3 㠚ᇊѹ䭉䈟ᨀ⽪ ........................... 77 3.4.4 ޣ䰝ṑ傼 ....................................... 78 3.5 ᵜㄐሿ㔃 ........................................... 79 ㅢ 4ㄖ� HTML 5Ⲻ㔎ഴ᭥ᤷ ...................... 80 4.1 ֯⭘canvasݳ㍐ 䥽� � ㇤ ............................... 81 gVIIIg 4.2 㔈മ .................................................... 82 4.2.1 canvas㔈മส⹰˖ CanvasRenderingContext2D.......... 82 4.2.2 㔈ࡦࠐօമᖒ .............................. 85 4.2.3 㔈ࡦᆇㅖѢ .................................. 86 4.2.4 䇮㖞䱤ᖡ ...................................... 87 4.2.5 ֯⭘䐟ᖴ ...................................... 88 4.2.6 㔈ࡦᴢ㓯 ...................................... 92 4.2.7 㔈ࡦսമ ...................................... 94 4.3 മᖒ⢩᭸༴⨶ .................................. 95 4.3.1 ֯⭘඀ḷਈᦒ .............................. 96 4.3.2 ඀ḷਈᦒо䐟ᖴ㔃ਸ֯⭘ ........... 97 4.3.3 ֯⭘⸙䱥ਈᦒ .............................. 99 4.4 ᧗ࡦਐ࣐仾Ṭ ................................ 100 4.5 ᧗ࡦປݵ仾Ṭ ................................ 102 4.5.1 㓯ᙗ⑀ਈ .................................... 102 4.5.2 ശᖒ⑀ਈ .................................... 103 4.5.3 սമປݵ .................................... 104 4.6 սമ༴⨶ ......................................... 106 4.6.1 սമ㻱࢚ ..................................... 106 4.6.2 ۿ㍐༴⨶ ..................................... 107 4.7 䗃ࠪսമ ......................................... 109 4.8 ᵜㄐሿ㔃 ......................................... 111 ㅢ 5ㄖ� HTML 5Ⲻཐ჈։᭥ᤷ ................ 112 5.1 ֯⭘audio઼videoݳ㍐ ................ 113 5.2 ֯⭘JavaScript㝊ᵜ᧗ࡦჂփ ᫝᭮ .................................................. 116 5.2.1 HTMLAudioElementо HTMLVideoElement᭟ᤱⲴ ᯩ⌅ ............................................ 116 5.2.2 HTMLAudioElementо HTMLVideoElementⲴ኎ᙗ ....... 118 5.3 һԦⴁੜ ......................................... 119 5.3.1 һԦ ............................................ 120 5.3.2 ⴁੜಘ ......................................... 121 5.4 ᵜㄐሿ㔃 ......................................... 122 ㅢӂ䜞࠼ ㅢ 6ㄖ� 㓝㚊ṭᕅঋфCSS䘿᤟ಞ ......... 123 6.1 ṧᔿঅᾲ䘠 .................................... 124 6.1.1 CSSᾲ䘠 ..................................... 124 6.1.2 CSSⲴਁኅশਢ ......................... 125 6.2 CSSṧᔿঅⲴสᵜ֯⭘ .............. 125 6.2.1 ᕅޕཆ䜘ṧᔿ᮷Ԧ .................... 126 6.2.2 ሬޕཆ䜘ṧᔿঅ ........................ 127 6.2.3 ֯⭘޵䜘CSSṧᔿ ..................... 128 6.2.4 ֯⭘޵㚄ṧᔿ ............................ 129 6.3 CSS䘹ᤙಘ ..................................... 131 6.3.1 ݳ㍐䘹ᤙಘ ................................ 131 6.3.2 ኎ᙗ䘹ᤙಘ ................................ 132 6.3.3 ID䘹ᤙಘ .................................... 134 6.3.4 class䘹ᤙಘ ................................. 135 6.3.5 वਜ਼䘹ᤙಘ ................................ 136 6.3.6 ᆀ䘹ᤙಘ .................................... 137 6.3.7 CSS 3ᯠ໎Ⲵݴᕏ䘹ᤙಘ ......... 138 6.3.8 䘹ᤙಘ㓴ਸ ................................ 139 6.4 ՚ݳ㍐䘹ᤙಘ ................................ 140 6.4.1 ޵ᇩ⴨ޣⲴ኎ᙗ ......................... 142 6.4.2 ᨂޕമۿ ..................................... 143 6.4.3 ਚᨂޕ䜘࠶ݳ㍐ ......................... 144 6.4.4 䝽ਸquotes኎ᙗᢗ㹼ᨂޕ .......... 145 6.4.5 䝽ਸcounter-increment኎ᙗ ␫࣐㕆ਧ ..................................... 146 6.4.6 ֯⭘㠚ᇊѹ㕆ਧ ......................... 147 6.4.7 ␫࣐ཊ㓗㕆ਧ ............................. 148 6.5 CSS 3.0ᯠ໎Ⲵ՚㊫䘹ᤙಘ ....... 150 6.5.1 㔃ᶴᙗ՚㊫䘹ᤙಘ ..................... 150 6.5.2 UIݳ㍐⣦ᘱ՚㊫䘹ᤙಘ ............. 158 6.5.3 ⍿㿸ಘу኎Ⲵ኎ᙗ ..................... 162 6.5.4 :not઼:target ................................. 164 6.6 ൘㝊ᵜѝ؞᭩ᱮ⽪ṧᔿ .............. 166 6.6.1 䲿ᵪ᭩ਈ亥䶒Ⲵ㛼Ჟ㢢 ............. 166 6.6.2 ࣘᘱ໎࣐・փ᭸᷌ ..................... 167 6.7 ᵜㄐሿ㔃 ......................................... 168 ㅢ 7ㄖ� ᆍ։фᮽᵢ⴮ީኔᙝ ................... 169 7.1 ᆇփ⴨ޣ኎ᙗ ................................ 170 gIXg 7.1.1 ␫࣐䱤ᖡ .................................... 173 7.1.2 ␫࣐ཊњ䱤ᖡ ............................ 174 7.1.3 ֯⭘font-size-adjust኎ᙗᗞ䈳 ᆇփབྷሿ .................................... 175 7.2 CSS 3᭟ᤱⲴ仌㢢㺘⽪ᯩ⌅ ..... 176 7.3 ᮷ᵜ⴨ޣ኎ᙗ ................................ 178 7.3.1 ᮷ᵜ㠚ࣘᦒ㹼˖word-break ....... 180 7.3.2 䮯অ䇽઼URLൠ൰ᦒ㹼 ............. 181 7.4 CSS 3ᯠ໎Ⲵᴽ࣑ಘᆇփ .......... 182 7.4.1 ֯⭘ᴽ࣑ಘᆇփ ........................ 183 7.4.2 ᇊѹ㋇փǃᯌփᆇ .................... 184 7.4.3 Ոݸ֯⭘ᇒᡧㄟᆇփ ................. 185 7.5 ᵜㄐሿ㔃 ......................................... 186 ㅢ 8ㄖ� 㜂ᲥȽ䗯Ṽૂ㺛з⴮ީኔᙝ ..... 187 8.1 㛼Ჟ⴨ޣ኎ᙗ ................................ 188 8.1.1 㛼Ჟമ⡷പᇊ ............................ 190 8.1.2 CSS 3ᯠ໎Ⲵ㛼Ჟ⴨ޣ኎ᙗ ...... 191 8.1.3 CSS 3ᯠ໎Ⲵཊ㛼Ჟമ⡷ ......... 195 8.2 䗩Ṷ⴨ޣ኎ᙗ ................................ 196 8.2.1 CSS 3ᨀ׋Ⲵ⑀ਈ䗩Ṷ ............. 199 8.2.2 CSS 3ᨀ׋Ⲵശ䀂䗩Ṷ ............. 200 8.2.3 CSS 3ᨀ׋Ⲵമ⡷䗩Ṷ ............. 202 8.3 㺕б⴨ޣ኎ᙗ ................................ 204 8.3.1 ޵㺕б⴨ޣ኎ᙗ ........................ 204 8.3.2 ཆ㺕б⴨ޣ኎ᙗ ........................ 205 8.4 ᵜㄐሿ㔃 ......................................... 207 ㅢ 9ㄖ� ཝቅȽᇐփȽ䖤ᔉ⴮ީኔᙝ ..... 208 9.1 བྷሿ⴨ޣ኎ᙗ ................................ 209 9.1.1 CSS 3ᯠ໎Ⲵbox-sizing኎ᙗ ..... 210 9.1.2 CSS 3ᯠ໎Ⲵresize኎ᙗ ............ 212 9.2 ᇊս⴨ޣ኎ᙗ ................................ 213 9.3 䖞ᔃ⴨ޣ኎ᙗ ................................ 215 9.4 ᵜㄐሿ㔃 ......................................... 217 ㅢ 10ㄖ� ⴈ⁗ශфᐹቶ⴮ީኔᙝ ............ 218 10.1 ᐳተ⴨ޣ኎ᙗ ............................. 219 10.1.1 䙊䗷float኎ᙗᇎ⧠ཊḿᐳተ ... 221 10.1.2 ֯⭘clear኎ᙗᇎ⧠ᦒ㹼 ........... 222 10.1.3 ֯⭘clip኎ᙗ᧗ࡦ㻱࢚ ............. 223 10.1.4 ᧗ࡦ㓴ԦⲴ┊ࣘᶑ ................... 224 10.2 ⴂ⁑ර઼display኎ᙗ ................ 225 10.2.1 є⿽ᴰสᵜⲴⴂ⁑ර ............... 225 10.2.2 none٬ ....................................... 227 10.2.3 inline-blockⴂ⁑ර ................... 228 10.2.4 inline-tableⴂ⁑ර ..................... 230 10.2.5 㺘Ṭ⴨ޣⲴⴂ⁑ර ................... 231 10.2.6 list-itemⴂ⁑ර ......................... 232 10.2.7 run-inⴂ⁑ර ............................. 233 10.3 ሩⴂ␫࣐䱤ᖡ .............................. 235 10.3.1 ֯⭘box-shadow኎ᙗ ............... 235 10.3.2 ሩ㺘Ṭ৺অݳṬ␫࣐䱤ᖡ ....... 236 10.4 CSS 3Ⲵཊḿᐳተ ...................... 237 10.4.1 CSS 3ᯠ໎Ⲵ࠶ḿ࣏㜭 ............ 237 10.4.2 ֯⭘ⴂ⁑රᇎ⧠ཊḿᐳተ ....... 240 10.5 ᵜㄐሿ㔃 ....................................... 245 ㅢ 11ㄖ� 㺞ṲȽࡍ㺞⴮ީኔᙝ਀ media query .................................. 246 11.1 㺘Ṭ⴨ޣ኎ᙗ .............................. 247 11.2 ࡇ㺘⴨ޣ኎ᙗ .............................. 250 11.3 ᧗ࡦݹḷⲴ኎ᙗ ......................... 253 11.4 media query࣏㜭 ......................... 254 11.4.1 media query䈝⌅ ....................... 254 11.4.2 䪸ሩ⍿㿸ಘᇭᓖ䈳ᮤᐳተ ....... 256 11.5 ᵜㄐሿ㔃 ....................................... 259 ㅢ 12ㄖ� ਎ᖘфࣞ⭱⴮ީኔᙝ ................. 260 12.1 CSS 3ᨀ׋Ⲵਈᖒ᭟ᤱ ............ 261 12.1.1 4⿽สᵜਈᖒ ............................ 262 12.1.2 ਼ᰦᓄ⭘ཊ⿽ਈᖒ ................... 263 12.1.3 ᤷᇊਈᖒѝᗳ⛩ ....................... 265 12.1.4 ֯⭘⸙䱥ਈᦒ ........................... 266 12.2 CSS 3ᨀ׋ⲴTransition ࣘ⭫ ............................................... 268 12.2.1 ཊњ኎ᙗ਼ᰦ⑀ਈ ................... 269 12.2.2 ᤷᇊࣘ⭫䙏ᓖ ........................... 271 12.3 CSS 3ᨀ׋ⲴAnimation ࣘ⭫ ................................................ 272 12.3.1 ਼ᰦ᭩ਈཊњ኎ᙗⲴࣘ⭫ ....... 274 12.3.2 劬⵬᭸᷌ ................................... 275 12.4 ᵜㄐሿ㔃 ....................................... 277 gXg ㅢп䜞࠼ ㅢ 13ㄖ� JavaScript䈣⌋䈜䀙 .................. 278 13.1 JavaScriptㆰӻ ............................. 279 13.1.1 䘀㹼JavaScript........................... 280 13.1.2 ሬޕJavaScript᮷Ԧ .................. 280 13.2 ᮠᦞ㊫ර઼ਈ䟿 ......................... 280 13.2.1 ᇊѹਈ䟿Ⲵᯩᔿ ...................... 281 13.2.2 ㊫ර䖜ᦒ .................................. 282 13.2.3 ਈ䟿 .......................................... 283 13.3 สᵜᮠᦞ㊫ර ............................. 286 13.3.1 ᮠ٬㊫ර .................................. 286 13.3.2 ᆇㅖѢ㊫ර .............................. 291 13.3.3 ᐳቄ㊫ර .................................. 294 13.3.4 undefined઼null ......................... 295 13.3.5 ↓ࡉ㺘䗮ᔿ .............................. 296 13.4 ༽ਸ㊫ර ....................................... 298 13.4.1 ሩ䊑 .......................................... 298 13.4.2 ᮠ㓴 .......................................... 299 13.4.3 ࠭ᮠ .......................................... 300 13.5 䘀㇇ㅖ ........................................... 301 13.5.1 䍻٬䘀㇇ㅖ .............................. 302 13.5.2 ㇇ᵟ䘀㇇ㅖ .............................. 302 13.5.3 ս䘀㇇ㅖ .................................. 304 13.5.4 ࣐ᕪⲴ䍻٬䘀㇇ㅖ ................... 305 13.5.5 ∄䖳䘀㇇ㅖ .............................. 306 13.5.6 䙫䗁䘀㇇ㅖ .............................. 307 13.5.7 йⴞ䘀㇇ㅖ .............................. 308 13.5.8 䙇ਧ䘀㇇ㅖ .............................. 309 13.5.9 void䘀㇇ㅖ ............................... 310 13.5.10 typeof઼instanceof䘀㇇ㅖ ...... 310 13.6 䈝ਕ .................................................311 13.6.1 䈝ਕඇ ...................................... 312 13.6.2 オ䈝ਕ ...................................... 312 13.6.3 ᔲᑨᣋࠪ䈝ਕ .......................... 312 13.6.4 ᔲᑨᦅ᥹䈝ਕ .......................... 314 13.6.5 with䈝ਕ ................................... 315 13.7 ⍱〻᧗ࡦ ....................................... 315 13.7.1 ࠶᭟ .......................................... 316 13.7.2 whileᗚ⧟ ................................. 318 13.7.3 do whileᗚ⧟ ............................. 319 13.7.4 forᗚ⧟ ...................................... 319 13.7.5 for inᗚ⧟ .................................. 320 13.7.6 break઼continue ......................... 321 13.8 ࠭ᮠ ................................................ 323 13.8.1 ᇊѹ࠭ᮠⲴ 3⿽ᯩᔿ ............... 324 13.8.2 䙂ᖂ࠭ᮠ ................................... 326 13.8.3 ተ䜘ਈ䟿઼ተ䜘࠭ᮠ ............... 327 13.8.4 ࠭ᮠǃᯩ⌅ǃሩ䊑઼㊫ ........... 329 13.8.5 ࠭ᮠⲴᇎֻ኎ᙗ઼㊫኎ᙗ ....... 332 13.8.6 䈳⭘࠭ᮠⲴ 3⿽ᯩᔿ ............... 334 13.8.7 ࠭ᮠⲴ⤜・ᙗ ........................... 336 13.9 ࠭ᮠⲴ৲ᮠ༴⨶ ......................... 337 13.9.1 สᵜ㊫ර઼༽ਸ㊫රⲴ ৲ᮠՐ䙂 ................................... 337 13.9.2 オ৲ᮠ ....................................... 339 13.9.3 ৲ᮠ㊫ර ................................... 340 13.10 ֯⭘ሩ䊑 ..................................... 342 13.10.1 䶒ੁሩ䊑Ⲵᾲᘥ ..................... 342 13.10.2 ሩ䊑઼ޣ㚄ᮠ㓴 ..................... 343 13.10.3 㔗᢯઼prototype ...................... 344 13.11 ࡋᔪሩ䊑 ..................................... 347 13.11.1 ֯⭘newޣ䭞ᆇ䈳⭘ᶴ䙐ಘ ࡋᔪሩ䊑 ................................. 348 13.11.2 ֯⭘Objectⴤ᧕ࡋᔪሩ䊑 ...... 348 13.11.3 ֯⭘JSON䈝⌅ࡋᔪሩ䊑 ........ 350 13.12 ᵜㄐሿ㔃 ..................................... 353 ㅢ 14ㄖ� DOM㕌ぁ䈜䀙 ............................. 354 14.1 DOM⁑රᾲ䘠 ............................ 355 14.2 DOM⁑ර઼HTML᮷ẓ ........... 356 14.2.1 HTMLݳ㍐ѻ䰤Ⲵ㔗᢯ ޣ㌫ .......................................... 356 14.2.2 HTMLݳ㍐ѻ䰤ᑨ㿱Ⲵवਜ਼ ޣ㌫ .......................................... 357 14.3 䇯䰞HTMLݳ㍐ .......................... 358 14.3.1 ṩᦞID䇯䰞HTMLݳ㍐ ........... 358 14.3.2 ࡙⭘㢲⛩ޣ㌫䇯䰞HTML ݳ㍐ .......................................... 359 gXIg 14.3.3 䇯䰞㺘অ᧗Ԧ .......................... 361 14.3.4 䇯䰞ࡇ㺘Ṷǃл᣹㨌অⲴ 䘹亩 .......................................... 363 14.3.5 䇯䰞㺘Ṭᆀݳ㍐ ...................... 364 14.4 ؞᭩HTMLݳ㍐ .......................... 365 14.5 ໎࣐HTMLݳ㍐ .......................... 367 14.5.1 ࡋᔪᡆ༽ࡦ㢲⛩ ...................... 367 14.5.2 ␫࣐㢲⛩ .................................. 369 14.5.3 Ѫࡇ㺘Ṷǃл᣹㨌অ␫࣐ 䘹亩 .......................................... 369 14.5.4 ࣘᘱ␫࣐㺘Ṭ޵ᇩ ................... 371 14.6 ࡐ䲔HTMLݳ㍐ .......................... 372 14.6.1 ࡐ䲔㢲⛩ .................................. 373 14.6.2 ࡐ䲔ࡇ㺘Ṷǃл᣹㨌অⲴ 䘹亩 .......................................... 374 14.6.3 ࡐ䲔㺘ṬⲴ㹼ᡆঅݳṬ ........... 375 14.7 Ր㔏ⲴDHTML⁑ර .................. 376 14.8 ֯⭘windowሩ䊑 ........................ 378 14.8.1 䇯䰞শਢ .................................. 381 14.8.2 䇯䰞亥䶒URL ........................... 381 14.8.3 ᇒᡧᵪቿᒅؑ᚟ ...................... 382 14.8.4 ᕩࠪᯠデਓ .............................. 383 14.8.5 ⺞䇔ሩ䈍Ṷ઼䗃ޕሩ䈍Ṷ ....... 383 14.8.6 ֯⭘ᇊᰦಘ .............................. 384 14.9 navigator઼ൠ⨶ս㖞 ................. 386 14.9.1 HTML 5ᯠ໎Ⲵgeolocation ኎ᙗ .......................................... 387 14.9.2 㧧ਆൠ⨶ս㖞 .......................... 388 14.9.3 ൘Googleൠമкᇊս ............... 389 14.10 ֯⭘documentሩ䊑 .................. 391 14.10.1 ࣘᘱ亥䶒 ................................ 392 14.10.2 䈫