ãã®ç¯ã¯éèŠç¯çã§ããã
ã¯ãŒã«ãã¯ã€ããŠã§ãã®ããŒã¯ã¢ããèšèªã¯ãåžžã«HTMLã§ãã£ããé·å¹Žã«ãããHTMLã®æ®éçãªèšèšãšæ¹è¯ã¯ãå€å²ã«ãããææžåœ¢åŒãèšè¿°ããããã«äœ¿çšããHTMLãå¯èœã«ããããHTMLã¯æ¬æ¥ã»ãã³ãã£ãã¯ã«ç§åŠçãªææžãèšè¿°ããããã®èšèªãšããŠèšèšããããã®ã§ãã£ãã
HTMLã«ãã£ãŠé©åã«åŠçãããŠãªãäž»ãªé åã¯ããŠã§ãã¢ããªã±ãŒã·ã§ã³ãšåŒã°ããææ§ãªåé¡ã§ããããã®ä»æ§ã¯ãé廿°å¹Žéã§æèµ·ãããåé¡ã«å¯ŸåŠããããã«HTML仿§ãæŽæ°ãã€ã€ãåæã«ãããä¿®æ£ããããšè©Šã¿ãã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ããã®ä»æ§ã§å®çŸ©ãããæ©èœã䜿çšããææžããã³ã¹ã¯ãªããã®èè ã察象ãšããŠãã, implementors of tools that operate on pages that use the features defined in this specification, and individuals wishing to establish the correctness of documents or implementations with respect to the requirements of this specificationã
æ£ç¢ºãã®ããã®ããããããããå®å šæ§ã®ããã®ç°¡æœããç ç²ã«ããå Žæã«ãããŠããããããã®ææžã¯ãå°ãªããšããŠã§ãæè¡ã«ã€ããŠååãªç¥èãæããªãèªè ã«ã¯é©ããªãããããããããããã¥ãŒããªã¢ã«ããªãŒãµãªã³ã°ã¬ã€ãããããæããHTML5å ¥éãæäŸããã ããã
ç¹ã«ãDOMã®åºç€ã«ç²Ÿéããããšãããã®ä»æ§ã®ããæè¡çãªäžéšã®èŠçŽ ãå®å šã«çè§£ããããã«å¿ èŠã§ãããWeb IDLãHTTPãXMLãUnicodeãæåãšã³ã³ãŒãã£ã³ã°ãJavaScriptãããã³CSSã®çè§£ãéæã§åœ¹ç«ã€ã ããããå¿ é ã§ã¯ãªãã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ãéçãªææžããåçãªã¢ããªã±ãŒã·ã§ã³ã«è³ããŸã§ããŠã§ãäžã§ã¢ã¯ã»ã·ãã«ãªããŒãžã«ã»ãã³ãã£ãã¯ã¬ãã«ã®ããŒã¯ã¢ããèšèªãšé¢é£ä»ãããããã»ãã³ãã£ãã¯ã¬ãã«ã®ã¹ã¯ãªããAPIãæäŸããããšã«éå®ãããã
ãã®ä»æ§ã®ç¯å²ã¯ãå€èгã®ã¡ãã£ã¢åºæãªã«ã¹ã¿ãã€ãºã«å¯Ÿããã¡ã«ããºã ã®æäŸãå«ãŸãªãïŒãã ãããŠã§ããã©ãŠã¶ããã©ã«ãã®ã¬ã³ããªã³ã°èŠåã¯ãã®ä»æ§ã®æ«å°Ÿã«å«ãŸãããŸãCSSã«çµã³ã€ããããã®è€æ°ã®ã¡ã«ããºã ãèšèªã®äžéšãšããŠæäŸãããïŒã
ãã®ä»æ§ã®ç¯å²ã¯ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã å šäœãèšè¿°ããããšã§ã¯ãªããå ·äœçã«ã¯ãããŒããŠã§ã¢èšå®ãœãããŠã§ã¢ãç»ååŠçããŒã«ããŠãŒã¶ãŒãæ¯æ¥ã®ããã«ãã€ãšã³ããªã¯ãŒã¯ã¹ããŒã·ã§ã³ã§äœ¿çšããããšãäºæ³ãããã¢ããªã±ãŒã·ã§ã³ãç¯å²å€ã§ãããã¢ããªã±ãŒã·ã§ã³ã®èгç¹ããããã®ä»æ§ã¯ãäžå®æã«ãŠãŒã¶ãŒã«ãã£ãŠããŸãã¯å®æçã ãäœãCPUèŠä»¶ãšãšãã«ç°ãªãå Žæããã®äœ¿çšãäºæ³ãããã¢ããªã±ãŒã·ã§ã³ãç¹ã«å¯Ÿè±¡ãšããããã®ãããªã¢ããªã±ãŒã·ã§ã³ã®äŸã¯ããªã³ã©ã€ã³è³Œè²·ã·ã¹ãã ãæ€çŽ¢ã·ã¹ãã ãã²ãŒã ïŒç¹ã«å€äººæ°åå åãªã³ã©ã€ã³ã²ãŒã ïŒãå ¬è¡é»è©±åž³ãã¢ãã¬ã¹åž³ãéä¿¡ãœãããŠã§ã¢ïŒé»åã¡ãŒã«ã¯ã©ã€ã¢ã³ããã€ã³ã¹ã¿ã³ãã¡ãã»ãŒãžã¯ã©ã€ã¢ã³ãããã£ã¹ã«ãã·ã§ã³ãœãããŠã§ã¢ïŒãææžç·šéãœãããªã©ãå«ãã
ãã®ç¯ã¯éèŠç¯çã§ããã
æåã®5幎éïŒ1990-1995ïŒãHTMLã¯å€æ°ã®æ¹èšãšæ¡åŒµãçµéšãããæåã¯CERNã§ã次ã«IETFã§ãã¹ããããã
W3Cã®çºè¶³ãšãšãã«ãHTMLã¯åã³éçºã®å Žãå€ããã1995幎ã«HTML 3.0ãšããŠç¥ãããåæã®äžæåã«çµãã£ãHTMLãæ¡åŒµãã詊ã¿ã¯ãHTML 3.2ãšããŠç¥ãããããå®çšçãªã¢ãããŒããšãªããããã¯1997幎ã«å®äºãããHTML4ãå幎ã®çŽåŸã«ç¶ããã
ç¿å¹ŽãW3CäŒå¡ã¯HTMLã®å±éãããã代ããã«XHTMLãšããŠç¥ãããXMLããŒã¹ã®åçç©ã®éçºã«çæããããšã決å®ããã ãã®åãçµã¿ã¯XMLã®HTML4ã®åå®åŒåãéå§ãããããã¯ãæ°ããªã·ãªã¢ã©ã€ãŒãŒã·ã§ã³ãé€ãæ°æ©èœã远å ããªãXHTML 1.0ãšããŠç¥ããã2000幎ã«å®äºãããXHTML 1.0ã®åŸã«ãW3Cã®äžå¿ã¯XHTMLã¢ãžã¥ãŒã«åã®æå°ã®äžãXHTMLãæ¡åŒµããä»ã®ã¯ãŒãã³ã°ã°ã«ãŒãã®äœæ¥ãããç°¡åã«ããããšã«ç§»ã£ãããããšäžŠè¡ããŠãW3Cã¯XHTML2ãšåŒã°ããããããŸã§ã®HTMLãXHTMLèšèªãšäºææ§ã®ãªãæ°ããèšèªã®éçºã«åãçµãã ã
HTMLã®é²åã1998幎ã«åæ»ããããããã©ãŠã¶ãã³ããŒã«ãã£ãŠéçºãããHTMLã®ããã®APIã®äžéšãDOM Level 1ïŒ1998幎ïŒãšDOM Level 2 Coreããã³DOM Level 2 HTMLïŒ2000幎ã«ã¯ããŸã2003å¹Žã«æé«æœ®ã«ãªãïŒãšããŠèŠå®ã»çºè¡ãããããããã®åãçµã¿ã¯2004幎ã«çºè¡ãããDOM Level 3仿§ãšãšãã«æ¬¡ç¬¬ã«åŒ±ãŸã£ãŠãããã¯ãŒãã³ã°ã°ã«ãŒãã¯ãã¹ãŠã®Level 3èæ¡ãå®äºããåã«æã¡åãããŠããŸã£ãã
2003幎ã«ããŠã§ããã©ãŒã ã®æ¬¡äžä»£ãšããŠäœçœ®ã¥ããããæè¡ã§ããXFormsã®å ¬è¡šã¯ãHTMLã®ä»£æ¿ãèŠã€ããããšããããé²åããHTMLèªèº«ã«åã³é¢å¿ãå·»ãèµ·ãããããã®é¢å¿ã¯ãXMLã®å±éããå®éã«å±éãããïŒHTMLã®ãããªïŒæè¡ã®çœ®æãšããããããããããŠã§ãæè¡ãšããŠãã£ã±ãïŒRSSãåŸã®Atomã®ãããªïŒæ°ããæè¡ã«éããããšããèªèããçãŸããã
æ¢åã®HTMLãŠã§ãããŒãžãšã®éäºæãªã¬ã³ããªã³ã°ãšã³ãžã³ã®å®è£ ããã©ãŠã¶ã«èŠæ±ããããšãªããXForms 1.0ã§å°å ¥ããã倿°ã®æ©èœãæäŸããããã®HTML4ãã©ãŒã ã®æ¡åŒµãå¯èœã ã£ãããšã瀺ãããšããã³ã³ã»ããã®èšŒæã¯ããã®æ°ããªé¢å¿ã®æåã®çµæã§ãã£ããèæ¡ããã§ã«å ¬ç¶ãšå©çšå¯èœã§ããããã¹ãŠã®è³æºã«æå ¥ãèŠè«ãããŠããäžæ¹ã§ãåææ®µéã«ãããŠã仿§ã¯Opera Softwareã®èäœæš©äžã«ãã£ãã
HTMLã®é²åãåéãããã¹ãã§ãããšããèãã¯2004幎ã®W3Cã¯ãŒã¯ã·ã§ããã§è©Šããããããã§HTML5ã®äœæ¥ïŒåŸè¿°ïŒã®åºç€ãšãªãååã®äžéšãåè¿°ã®ãã©ãŒã ã«é¢é£ããæ©èœãã«ããŒããåæèæ¡ã®èšç»ãšåãããMozillaãšOperaã®å ±åã§W3Cã«ææ¡ãããããã®ææ¡ã¯ä»¥åã«éžæãããŠã§ãã®é²åã®æ¹åæ§ãšççŸãããã®ã§ãããšããŠåŽäžãããã代ããã«ãW3Cå¹¹éšãšäŒå¡ã¯XMLããŒã¹ã®ä»£æ¿åã®éçºãç¶ç¶ããããšã決è°ããã
ãã®åŸãŸããªããWHATWGãšåŒã°ããæ°ããèå°ã®ããšã§AppleãMozillaãOperaã¯å ±åã§äœæ¥ãç¶ç¶ããæåãçºè¡šãããå ¬éã¡ãŒãªã³ã°ãªã¹ããäœæãããèæ¡ã¯WHATWGã®ãµã€ãã«ç§»ãããããã®åŸèäœæš©ã¯3ãã³ããŒå ±åã§ææããããä¿®æ£ããã仿§ã®åå©çšãå¯èœã«ããã
WHATWGã¯è€æ°ã®äžæ žãšãªãååã«åºã¥ããç¹ã«æè¡ã¯äžäœäºææ§ãæã€å¿ èŠããããããšããããå®è£ ããããã仿§ãå€ããããšãæå³ããŠã仿§ãšå®è£ ã¯äžèŽããå¿ èŠãããã仿§ã¯å®è£ ãçžäºã«ãªããŒã¹ãšã³ãžãã¢ãªã³ã°ããããšãªãã«å®å šãªçžäºéçšæ§ãéæå¯èœã§ããããšãå¿ èŠã ãšãããã®ã§ããã
ç¹ã«åŸè ã®èŠä»¶ã¯ã以åã«HTML4ãXHTML1ãDOM2 HTMLãšãã3ã€ã®ç°ãªãææžã§èŠå®ããããã®ãå«ãããHTML5仿§ã®ç¯å²ãšããŠèŠæ±ããããã®ããšã¯ãŸãããããŸã§æ £äŸãšèããããŠãããããå€ãã®å¿ èŠäºé ãå«ãããšãæå³ããã
2006幎ãçµå±W3Cã¯HTML5ã®éçºã«åå ããããšã«èå³ã瀺ãã2007幎ã«HTML5仿§ã®éçºã«WHATWGãšååããããã®ã¯ãŒãã³ã°ã°ã«ãŒããèšç«ãããAppleãMozillaãããã³Operaã¯ãW3Cã«W3Cã©ã€ã»ã³ã¹ã®äžã§ä»æ§ãå ¬éããããšãèš±å¯ããWHATWGãµã€ãã®ããŒãžã§ã³ã§ã¯å¶éã®å°ãªãã©ã€ã»ã³ã¹ãç¶æããã
é·å¹Žã«ããããäž¡ã°ã«ãŒãã¯ãIan Hicksonã®äžã§äžç·ã«åããŠããã2011幎ãã°ã«ãŒãã¯ãç°ãªãç®æšãæã£ãŠãããšããçµè«ã«éãããWHATWGã¯ç¶ç¶çã«ä»æ§ãç¶æããæ°æ©èœã远å ããHTML Living Standardã®äœæ¥ãç¶è¡ããããšããäžæ¹ã§ãW3Cã¯HTML5å§åã®æ©èœã«å¯ŸããŠãäžåºåãã€ããããšãããã®ã§ããã2012å¹Žäžæ¬ãæ°ãããšãã£ã¿ããŒã ã¯HTML5å§åã®äœæãåŒãåããæ¬¡ã®HTMLããŒãžã§ã³ãžã®ã¯ãŒãã³ã°ãã©ãããæºåããããšãW3Cã§å§ããã
ãã以æ¥ãW3C HTML仿§ã§ç»é²ããããã°ã解決ãããããŸãã¯ããæ£ç¢ºã«ãŠãŒã¶ãŒãšãŒãžã§ã³ãã§å®éã«å®è£ ãããŠè¡šçŸãããWHATWGããã®ããããW3C HTMLã¯ãŒãã³ã°ã°ã«ãŒãã¯éžå®ããŠããããã®ææžã®å ¬éæç¹ã«ãããŠãWHATWG HTML仿§ããã®ãããã¯ãªããžã§ã³8152ãŸã§ããŒãžãããŠãããW3C HTMLãšãã£ã¿ã¯ãŸããWHATWGã«ãã£ãŠå ±æãããªããã°ã®ä¿®æ£ãW3C HTMLã¯ãŒãã³ã°ã°ã«ãŒãã«ãã£ãŠäœæãããè°è«ã決å®ã®çµæãšããŠã®ãããã远å ããŠããã
ãã®ææžã§æå®ãããHTMLãšHTML4仿§ã§èª¬æãããèšèªãšã®çžéç¹ãæäŸããããã®å¥ã®ææžãçºè¡ãããã[HTMLDIFF]
ãã®ç¯ã¯éèŠç¯çã§ããã
äžèŠããã ãã§ã¯ãHTMLã®å€ãã®ç¹åŸŽãã§ãããã§ããäžè²«æ§ã®ãªãããã«èŠããããšãèªããªããã°ãªããªãã
HTMLãHTMLã®DOM APIã®ãµããŒããããã³HTMLã®ãµããŒãããæè¡ã®å€ãã¯ãå€ãã®å Žåãäºãã®ååšãç¥ããªããç°ãªãåªå é äœããã€å€æ°ã®äººã ã«ããæ°å幎ã«ããã£ãŠéçºãããŠããã
ãã®ããã«æ©èœã¯å€ãã®åºå žããçããŠããããšãããäžè²«æ§ã®ããæ¹æ³ã§èšèšãããŠããªããããã«ããŠã§ãã®ç¹æãªç¹æ§ã«ããããã°ãä¿®æ£ãããåã«ãã°ã«äŸåããæ¹æ³ã§ã³ã³ãã³ãããã°ãã°æå³ããæžããããããå®è£ ãã°ã¯ãã³ãã³ããã¡ã¯ãã¹ã¿ã³ããŒãã«ãªã£ãŠãããä»ã§ã¯ããžã¥ãŒã«ã¹ã¿ã³ããŒãã«ãªã£ãŠããã
ãã®ãããªç¶æ³ã«ãããããããäžå®ã®èšèšç®æšã«å·çãã詊ã¿ããªãããŠããããããã¯ã次ç¯ã§èª¬æããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãŠã§ãèè ããã«ãã¹ã¬ããåŠçã®è€éãã«è§Šããããããšãåé¿ããããã«ãHTMLãšDOM APIã¯ãã¹ã¯ãªãããä»ã®ã¹ã¯ãªããã®åæå®è¡ãæ€åºããªãããã«èšèšãããŠãããã¯ãŒã«ãŒãšçãããå®è£ ã®åäœããã¹ãŠã®ãã©ãŠãžã³ã°ã³ã³ããã¹ãå ã«ããããã¹ãŠã®ã¹ã¯ãªããã®å®è¡ãå®å šã«é次åãããšèããããšãã§ããã®ãæå³ãããšããã§ããã
ãã®ã¢ãã«ã«ãããŠãnavigator.yieldForStorageUpdates()ã¡ãœããã¯ãåŒã³åºãå
ã®ã¹ã¯ãªããããããã¯ãããŠããéã«ãä»ã®ã¹ã¯ãªãããå®è¡ã§ããããã«ããããšãšç䟡ã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ãå€çš®å€æ§ãªä»ã®ä»æ§ãšäºãã«åœ±é¿ããããäŸåãããæ®å¿µãªããç¹å®ã®ç¶æ³ã«ãããŠãççŸããèŠæ±ã¯ããããä»ã®ä»æ§ã«å±ããèŠä»¶ã®éåããã®ä»æ§ã«å°ãããã®éåãçºçããæã¯ãã€ã§ããéåã¯ãããã"æ æã®éå"ãšããŠèšåãããéåã®çç±ãææãããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLã¯ãå®å šãªæ¹æ³ã§ã»ãã³ãã£ãã¯ã远å ããããã«äœ¿çšã§ããæ¡åŒµæ§ã¡ã«ããºã ã倿°æã€ïŒ
class屿§ã䜿çšã§ããããã®ããæ¡åŒµãç¥ããªããã©ãŠã¶ããã³ä»ã®ããŒã«ã¯å€å°ã§ãé©åã«ãµããŒãã§ãããããšãã°ãããã¯ãã€ã¯ããã©ãŒãããã§äœ¿çšãããæ¹éã§ãããdata-*=""屿§ã䜿çšããŠåŠçããããã®ãã€ã³ã©ã€ã³ã®ã¯ã©ã€ã¢ã³ããµã€ãã¹ã¯ãªãããŸãã¯ãµã€ãå
šäœã®ãµãŒããŒãµã€ãã¹ã¯ãªããã®ããŒã¿ãå«ãããšãã§ããããããã¯æ±ºããŠãã©ãŠã¶ã«ãã£ãŠè§Šããããªãããšãä¿èšŒãããã¹ã¯ãªãããæ¢ãããã³å®è¡ã§ããHTMLèŠçŽ ã§ããŒã¿ãã¹ã¯ãªããã«å«ãããšãå¯èœã«ããã<meta name="" content="">ã¡ã«ããºã ã䜿çšã§ãããrel=""ã¡ã«ããºã ã䜿çšã§ãããããã¯ããã€ã¯ããã©ãŒãããã§ã䜿çšããããããã«ãéASCIIæåãäžåå«ãŸããU+0041ïŒLATIN CAPITAL LETTER AïŒããU+005AïŒLATIN CAPITAL LETTER ZïŒãŸã§ã®ç¯å²ã®æåããŸãå«ãŸãªã絶察URLã¯ããªã³ã¯ã¿ã€ããšããŠäœ¿çšããŠãããã<script type="">ã¡ã«ããºã ãçšããŠçããŒã¿ãåã蟌ãããšãã§ãããembedèŠçŽ ãçšããŠåŒã³åºãããšãã§ãããããã¯ãFlashã®åäœæ¹æ³ã§ããããã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ãææžãã¢ããªã±ãŒã·ã§ã³ãèšè¿°ããããã®æœè±¡çãªèšèªãããã³ãã®èšèªã䜿çšãããªãœãŒã¹ã®ã¡ã¢ãªå 衚çŸãšæ å ±äº€æããããã®APIãå®çŸ©ããã
ã¡ã¢ãªå 衚çŸã¯ç¥ããŠ"DOM HTML"ããŸãã¯"DOM"ãšããŠç¥ãããŠããã
ãã®æœè±¡çãªèšèªã䜿çšãããªãœãŒã¹ãéä¿¡ããããã«äœ¿çšã§ããçš®ã ã®å ·äœçãªæ§æãååšãããã®ä»æ§ã§å®çŸ©ããããã®ã2ã€ååšããã
1ã€ç®ã®ãã®ãããªå
·äœçãªæ§æã¯ãHTMLæ§æã§ãããããã¯ãã»ãšãã©ã®èè
ã®ããã®æšå¥šããã圢åŒã§ãããã»ãšãã©ã®ã¬ã¬ã·ãŒãŠã§ããã©ãŠã¶ãšäºææ§ããããææžãtext/html MIMEã¿ã€ãã§éä¿¡ãããå ŽåããŠã§ããã©ãŠã¶ã«ãã£ãŠHTMLææžãšããŠåŠçãããããã®ä»æ§ã¯"HTML5.0"ãšããŠç¥ãããHTMLæ§æã®ããŒãžã§ã³5.0ãå®çŸ©ããã
2ã€ç®ã®å
·äœçãªæ§æã¯ãXMLå¿çšãšãªãXHTMLæ§æã§ãããææžãapplication/xhtml+xmlã®ãããªXML MIMEã¿ã€ãã§éä¿¡ãããå ŽåããŠã§ããã©ãŠã¶ã«ããXMLææžãšããŠåŠçãããXMLããã»ããµã«ããè§£æããããèè
ã¯ãXMLãšHTMLã®åŠçãç°ãªãããšã«æ³šæããããšããããäºçŽ°ãªæ§æãšã©ãŒããXMLãšããŠã©ãã«ä»ããããææžãå®å
šã«ã¬ã³ããªã³ã°ããã®ãäžæ¢ãããããšã«æ³šæãããäžæ¹ãHTMLæ§æã§ã¯ç¡èŠãããããã®ä»æ§ã¯"XHTML 5"ãšããŠç¥ãããXHTMLæ§æã®ããŒãžã§ã³5.0ãå®çŸ©ããã
DOMãHTMLæ§æãããã³XHTMLæ§æã¯ããã¹ãŠåãå
容ã衚ãããšã¯ã§ããªããããšãã°ãåå空éã¯HTMLæ§æã䜿çšããŠè¡šçŸã§ããªãããDOMãšXHTMLæ§æã§ãµããŒãããããåæ§ã«ãnoscriptã®æ©èœã䜿çšããææžã¯ãHTMLæ§æã䜿ã£ãŠè¡šãããšãã§ããããDOMãŸãã¯XHTMLæ§æã§è¡šãããšãã§ããªããæåå"-->"ãå«ãŸããã³ã¡ã³ãã¯ãHTMLãšXHTMLæ§æã§ã¯è¡šãããDOMã§ã®ã¿è¡šãããšãã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ä»¥äžã®äž»èŠãªç« ã§æ§æãããïŒ
æ§åŒã®æ©èœããã³IANAèæ ®ã®ãªã¹ããšãã£ãä»é²ãååšããã
ãã®ä»æ§ã¯ãä»ã®ä»æ§åæ§ã«èªãã¹ãã§ããããŸãã衚çŽããçµãããŸã§è€æ°åèªãã¹ãã§ããããããŠãå°ãªããšã1åã¯åŸãããèªãã¹ãã§ãããããããã³ã³ãã³ãã®ãªã¹ãããã©ã³ãã ã«ç« ãéžã³ããã¹ãŠã®çžäºåç §ããã©ã£ãŠèªãã¹ãã§ããã
äžèšã®é©åæ§èŠä»¶ã®ç« ã§èª¬æãããããã«ããã®ä»æ§ã¯ãé©åæ§ã®æ§ã ãªã¯ã©ã¹ã®é©ååºæºãèšè¿°ããŠãããå ·äœçã«ã¯ãããšãã°èè ããã³èè ãäœæããææžãšãã£ããããã¥ãŒãµã«é©çšãããé©åæ§ã®èŠä»¶ãšãããšãã°ãŠã§ããã©ãŠã¶ãšãã£ããã³ã³ã·ã¥ãŒãã«é©çšãããé©åæ§èŠä»¶ãããããããã¯ãå¿ èŠãšããŠãããã®ã«ãã£ãŠåºå¥ããããšãã§ããããããã¥ãŒãµã«å¯ŸããèŠä»¶ã¯èš±å¯ããããã®ãèšèŒããäžæ¹ã§ã³ã³ã·ã¥ãŒãã«å¯ŸããèŠä»¶ã¯ã©ã®ããã«ãœãããŠã§ã¢ãåäœããããèšèŒããã
ããšãã°ãèš±å¯ãããå€ãã¬ã€ã¢ãŠããããšããŠã"foo屿§ã®å€ã劥åœãªæŽæ°ã§ãªããã°ãªããªã"ãšããã®ã¯ãããã¥ãŒãµã«ã€ããŠã®èŠä»¶ã§ããã察ç
§çã«ã"fooã®å±æ§ã®å€ãæ§æè§£æã®æŽæ°ã®ããã®èŠåã䜿çšããŠè§£æããªããã°ãªããªã"ãšããã®ã¯ã³ã³ã·ã¥ãŒãã«å¯ŸããèŠä»¶ã§ãããã³ã³ãã³ããåŠçããæ¹æ³ã«ã€ããŠèª¬æããã
ãããã¥ãŒãµã«ã€ããŠã®èŠä»¶ã¯ãã³ã³ã·ã¥ãŒãã«ãŸã£ããäœã®é¢ä¿ããªãã
äžèšã®äŸãç¶ãããšãç¹å®ã®å±æ§å€ã劥åœãªæŽæ°ãšããŠææãããŠãããšããèŠä»¶ã¯ãã³ã³ã·ã¥ãŒãã®èŠä»¶ã«ã€ããŠäœããæå³ãããã®ã§ã¯ãŸã£ãããªããã³ã³ã·ã¥ãŒããå®éã«äžæãªæååãšããŠå±æ§ãæ±ãããšãèŠæ±ãããã®å€ãèŠä»¶ãåŠãã«æºæ ããŠãããã©ããã«ãŸã£ãã圱é¿ããªããããããªããã³ã³ã·ã¥ãŒããã劥åœãªïŒãã®å Žåã¯æ°ã§ãªãïŒå€ãåŠçãããæ¹æ³ãå®çŸ©ããç¹å®ã®èŠåã䜿çšããŠå€ãè§£æããããšãïŒåã®äŸã®ããã«ïŒå¿ èŠã§ãããããããªãã
ããã¯ãå®çŸ©ãèŠä»¶ããŸãã¯èª¬æã§ããã
ããã¯æ³šã§ããã
ããã¯äŸã§ããã
ãã㯠æªè§£æ±ºã®åé¡ã§ããã
ããã¯èŠåã§ããã
interface Example {
// ããã¯IDLã®å®çŸ©ã§ãã
};
method( [ optionalArgument ] )ããã¯ã€ã³ã¿ãŒãã§ãŒã¹ã®äœ¿çšæ³ãèè ã«èª¬æããæ³šã§ããã
/* ããã¯CSSæçã§ãã */
çšèªã®å®çŸ©äŸã¯ãã®ããã«ããŒã¯ã¢ãããããããã®çšèªã®äœ¿çšã¯ããã®ããã«ãŸãã¯ãã®ããã«ããŒã¯ã¢ãããããã
èŠçŽ ã屿§ããŸãã¯APIã®å®çŸ©äŸã¯ãã®ããã«ããŒã¯ã¢ãããããããã®èŠçŽ ã屿§ããŸãã¯APIãžã®åç
§ã¯ããã®ããã«ããŒã¯ã¢ãããããã
ãã®ä»ã®ã³ãŒãæçã¯ããã®ããã«ããŒã¯ã¢ãããããã
倿°ã¯ããã®ããã«ããŒã¯ã¢ãããããã
ã¢ã«ãŽãªãºã ã«ãããŠãåæã»ã¯ã·ã§ã³ã§ã®ã¹ãããã¯ãâã§ããŒã¯ãããã
å Žåã«ãã£ãŠã¯ãèŠä»¶ã¯æ¡ä»¶ãšå¯Ÿå¿ããèŠä»¶ãšãšãã«ãªã¹ãã®åœ¢ã§äžããããããã®ãããªå ŽåãããšãèŠä»¶ã«å¯Ÿããæ¡ä»¶ã®è€æ°ã®éåã§ããå Žåã§ãã£ãŠããæ¡ä»¶ã«é©çšãããèŠä»¶ã¯åžžã«ãæ¡ä»¶ã«åŸãèŠä»¶ã®æåã®éåã§ãããæ¬¡ã®ããã«ãã®ãããªäŸãæç€ºãããïŒ
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLã®äžéšã®æ©èœã¯ããŠãŒã¶ãŒã®ãã©ã€ãã·ãŒä¿è·å¯ŸçãšãŠãŒã¶ãŒã®å©äŸ¿æ§ãåŒãæ¿ãã«ããã
äžè¬ã«ãã€ã³ã¿ãŒãããã®ã¢ãŒããã¯ãã£ã®ããã«ããŠãŒã¶ãŒã¯ããŠãŒã¶ãŒã®IPã¢ãã¬ã¹ã§åºå¥ã§ãããIPã¢ãã¬ã¹ã¯ãå®å šã«ãŠãŒã¶ãŒãšäžèŽããªããããã€ã¹ããããã€ã¹ãžããŸãã¯ãããã¯ãŒã¯ãããããã¯ãŒã¯ãžã®ãŠãŒã¶ãŒã®ç§»åã«äŒŽãããŠãŒã¶ãŒã®IPã¢ãã¬ã¹ã¯å€æŽããããåæ§ã«ãNATã«ãŒãã£ã³ã°ããããã·ãµãŒããŒãå ±æã³ã³ãã¥ãŒã¿ã¯ãå®éã«ã¯è€æ°ã®ãŠãŒã¶ãŒã«å¯Ÿå¿ããåäžã®IPã¢ãã¬ã¹ãããã¹ãŠæ¥ãããã«èŠãããã±ãããæå¹ã«ãããã€ã³ã¿ãŒãããäžã®1ã€ã®ããŒãã«ãããã·ã³ã°ã«ãŠãŒã¶ãŒããã®èŠæ±ã¯ããããã¯ãŒã¯ã®å€ãã®ç°ãªãéšåããæ¥ãããã«èŠããã®ã§ãããšãã°ãªããªã³ã«ãŒãã£ã³ã°ã®ãããªæè¡ã¯ãªã¯ãšã¹ããããã«å¿åã«ããããã«äœ¿çšã§ããã
ãããããŠãŒã¶ãŒã®ãªã¯ãšã¹ãã«äœ¿çšãããIPã¢ãã¬ã¹ã¯ããŠãŒã¶ãŒã®ãªã¯ãšã¹ããäºãã«é¢é£ããå¯èœæ§ã®ããå¯äžã®ã¡ã«ããºã ã§ã¯ãªããããšãã°ã¯ãããŒã¯ããããæå¹ã«ããããã«ç¹å¥ã«èšèšãããŠãããã¢ã«ãŠã³ããæã€ãµã€ãã«ãã°ã€ã³ã§ããããã«ãã倧éšåã®ãŠã§ãã»ãã·ã§ã³æ©èœã®åºç€ã§ããã
ããç¹çްãªã¡ã«ããºã ãååšããããŠãŒã¶ãŒã·ã¹ãã ã®ããçš®ã®ç¹æ§ã¯ãäºãã«ãŠãŒã¶ãŒã®ã°ã«ãŒããåºå¥ããããã«äœ¿çšã§ããããã®ãããªæ å ±ãååã«åéããããšã«ãã£ãŠãåå¥ãŠãŒã¶ãŒã®ãã©ãŠã¶ã®"ããžã¿ã«æçŽ"ã¯ãããåªããŠãããšã¯èšããªããŸã§ãåããããã«è¯ãããªã¯ãšã¹ããåããŠãŒã¶ãŒããã®ãã®ã§ãããã確ãããããšãã§ããIPã¢ãã¬ã¹ãšããŠãèšç®ã§ããã
ç¹ã«è€æ°ã®ãµã€ãéã§ããã®æ¹æ³ã§ã®ã°ã«ãŒãåã®ãªã¯ãšã¹ãã¯ãäž¡è ã«ãšã£ãŠæçãªïŒãã€ã»ãŒééããªãååããªïŒç®çã ãã§ãªããæªæããç®çã«å¯ŸããŠäœ¿çšã§ãããåççã§æçãªç®çã®äŸã¯ãç¹å®ã®äººãç«ã®ã€ã©ã¹ãããããµã€ããšã¯å¯Ÿç §çã«ãç¬ã®ã€ã©ã¹ãã䜿ã£ããµã€ãã奜ãããã«èŠãããã©ãããïŒåé¡ã®ãµã€ãã蚪åããé »åºŠã«åºã¥ããŠïŒå€æããèªåçã«åå ãµã€ããžã®ãã®åŸã®èšªåã«åªå çã«ã€ã©ã¹ãã䜿çšãããã®ã§ãããããããæªæããç®çã¯ããã®äººãéžæã§æç¥šããããšã劚害ãã¹ããã©ãããæ±ºå®ããããã«ïŒåå ãã©ãŒã©ã ãµã€ãã調ã¹ãããšã«ãã£ãŠæ±ºå®ãããïŒæç¢ºãªæå±æ¿å ãæã€ïŒ1ã€ãµã€ãäžã§éé ãååŸããéã«äœ¿çšããã¢ãã¬ã¹ããæ±ºå®ãããïŒãã®ãããªèªå® äœæãšçµã¿åãããæ¿åºæ©é¢ãå«ããããããªãã
æªæããç®çãèããæå®³ã§ãããããããªãã®ã§ããŠãŒã¶ãŒãšãŒãžã§ã³ãã®å®è£ ã¯ãæçŽãŠãŒã¶ãŒã«æ £ããŠããã ããæ å ±ã®æŒæŽ©ãæå°éã«ããããã®ããŒã«ãšãšãã«ãŠãŒã¶ãŒã«æäŸããæ¹æ³ãæ€èšããããšãæšå¥šããã
æ®å¿µãªããããã®ç¯ã®æåã®æ®µèœãæç€ºããããã«ãåçŽã«ãã¹ãŠå¯èœæ§ã®ããæŒæŽ©ã鮿ããã®ãšåããããç°¡åã§ã¯ãªãã®ã§ãæãšããŠæçŽæ¡åã®ç®çã§äœ¿çšã§ããæ å ±ã§ãããå ¬éããããšã§åŸããã倿°ã®å©ç¹ããããããšãã°ãç¹å®ã®IDã®äžã§æçš¿ãããµã€ãã«ãã°ã€ã³ããæ©èœã¯ãå®çŸ©ã«ããå€ããå°ãªããããŠãŒã¶ãŒã®èŠæ±ããã¹ãŠåããŠãŒã¶ãŒããã®ãã®ãšããŠèå¥ããããšãèŠæ±ããããããããã埮现ã«ãã©ã®çšåºŠåºãããã¹ãã§ãããã®ãããªæ å ±ã¯ããã£ã³ãã¹äžã«ããã¹ããæç»ããã®ã«é¢ä¿ããå€ãã®å¹æïŒããšãã°ãããã¹ãã®åšãã«ããŒããŒãæç»ããã®ã«é¢ä¿ããä»»æã®å¹æãªã©ïŒã«å¯ŸããŠå¿ èŠã§ããããŠãŒã¶ãŒã®ãªã¯ãšã¹ããã°ã«ãŒãåããããã«äœ¿çšãããã ããæ å ±ãæŒæŽ©ãããïŒãã®å Žåã«ãããŠãæœåšçã«å ¬éããããšã§ãåä»»ãã®æ€çŽ¢ãéããŠããŠãŒã¶ãŒãã€ã³ã¹ããŒã«ããŠãããã©ã³ãããŠãŒã¶ãŒããšã«ããªãå€åãåŸãæ å ±ãïŒ
ãŠãŒã¶ãŒã®æçŽæ¡åã«äœ¿çšããããããããªããã®ä»æ§ã®æ©èœã¯ããã®æ®µèœã®ããã«ããŒã¯ãããã
ãã©ãããã©ãŒã å ã®ä»ã®æ©èœã¯ã以äžãå«ãããã©ãéå®ãããããšãªããåãç®çã«å¯ŸããŠäœ¿çšããããããããªãïŒ
Screenãªããžã§ã¯ãã®ãããªããŠãŒã¶ãŒã®ç°å¢ã説æããæ©èœã[MQ] [CSSOMVIEW]ãã®ç¯ã¯éèŠç¯çã§ããã
åºæ¬çãªHTMLææžã¯æ¬¡ã®ããã«ãªãïŒ
<!DOCTYPE html> <html> <head> <title>Sample page</title> </head> <body> <h1>Sample page</h1> <p>This is a <a href="demo.html">simple</a> sample.</p> <!-- this is a comment --> </body> </html>
HTMLææžã¯ãèŠçŽ ãšããã¹ãããªãŒã§æ§æããããåèŠçŽ ã¯ã"<body>"ã®ãããªéå§ã¿ã°ãš"</body>"ã®ãããªçµäºã¿ã°ã§ãœãŒã¹å
ã«è¡šç€ºããããïŒå Žåã«ãã£ãŠãç¹å®ã®éå§ã¿ã°ãšçµäºã¿ã°ã¯çç¥ããã³å¥ã®ã¿ã°ã§æç€ºããããããããªããïŒ
ã¿ã°ã¯ãéè€ããããšãªãããã®èŠçŽ ãäºãã®äžã«å®å šã«ãã¹ããããªããã°ãªããªãïŒ
<p>This is <em>very <strong>wrong</em>!</strong></p>
<p>This <em>is <strong>correct</strong>.</em></p>
ãã®ä»æ§ã¯ãèŠçŽ ãã©ã®ããã«ãã¹ãã§ãããã«é¢ããèŠåã«æ²¿ã£ãŠãHTMLã§äœ¿çšã§ããèŠçŽ ã®éåãå®çŸ©ããã
èŠçŽ ã¯ãèŠçŽ ãåäœããæ¹æ³ãå¶åŸ¡ãã屿§ãæã€ããšãã§ããã以äžã®äŸã§ã¯ãaèŠçŽ ãšhref屿§ã䜿çšããŠåœ¢æãããããã€ããŒãªã³ã¯ãååšããïŒ
<a href="demo.html">simple</a>
屿§ã¯éå§ã¿ã°ã®å
éšã«çœ®ããã"="æåã§åºåãããååãšå€ã§æ§æãããã屿§å€ãç©ºçœæåãŸãã¯ä»»æã®" ' ` = < >ãå«ãŸãªãå Žåã屿§å€ã¯åŒçšç¬Šã§å²ãŸãªããŸãŸã«ã§ãããããã§ãªããã°ãåäžåŒçšç¬ŠãŸãã¯äºéåŒçšç¬Šã®ããããã䜿çšããŠãåŒçšç¬Šã§å²ãå¿
èŠããããå€ã空æååã®å Žåã"="æåãšãšãã«å€ãå®å
šã«çç¥ã§ããã
<!-- empty attributes --> <input name=address disabled> <input name=address disabled=""> <!-- attributes with a value --> <input name=address maxlength=200> <input name=address maxlength='200'> <input name=address maxlength="200">
HTMLãŠãŒã¶ãŒãšãŒãžã§ã³ãïŒããšãã°ãŠã§ããã©ãŠã¶ïŒã¯ãã®ããŒã¯ã¢ãããè§£æããããŒã¯ã¢ãããDOMïŒDocument Object ModelïŒããªãŒã«å€åããããDOMããªãŒã¯ææžã®ã¡ã¢ãªå 衚çŸã§ããã
DOMããªãŒã¯æ°çš®é¡ã®ããŒããå«ããå
·äœçã«ã¯ãDocumentTypeããŒããElementããŒããTextããŒããCommentããŒããå Žåã«ãã£ãŠã¯ProcessingInstructionããŒãã§ããã
ãã®ç¯ã®äžçªäžã«ããããŒã¯ã¢ããæçã¯ä»¥äžã®DOMããªãŒã«å€æãããïŒ
htmlhtmlãã®ããªãŒã®ã«ãŒãèŠçŽ ã¯htmlèŠçŽ ã§ãããHTMLææžã®ã«ãŒãã«èŠãããèŠçŽ ã¯åžžã«htmlèŠçŽ ã§ãããheadãšbodyã®2ã€ã®èŠçŽ ã ãã§ãªããéã«TextããŒããå«ãã
ãœãŒã¹ã¯DOMã§å€æ°ã®ã¹ããŒã¹ïŒããã§ã¯"â£"ã§è¡šãïŒããã³TextããŒãã®çµããæ¹è¡ïŒ"â"ïŒãå«ããããæåã«æåŸ
ãããããDOMããªãŒã«å€æ°ã®TextããŒãããããããããæŽå²çãªçç±ãããå
ã®ããŒã¯ã¢ããå
ã®ã¹ããŒã¹ãæ¹è¡ã®ãã¹ãŠãç¹ã«ãheadéå§ã¿ã°ãæé»ã«çç¥ãããŠçµäºããåã®ãã¹ãŠã®ç©ºçœãããã³bodyçµäºã¿ã°ãbodyã®çµç«¯ã§çµäºããåŸã®ãã¹ãŠã®ç©ºçœã¯ãDOMã«ã¯è¡šç€ºãããªãã
headèŠçŽ ã¯ãããã¹ã"ãµã³ãã«ããŒãž"ãæã€TextããŒããå«ãtitleèŠçŽ ãå«ããåæ§ã«ãbodyèŠçŽ ã¯h1èŠçŽ ãpèŠçŽ ãããã³ã³ã¡ã³ããå«ãã
ãã®DOMããªãŒã¯ããŒãžå
ã®ã¹ã¯ãªããããæäœã§ãããïŒäžè¬çã«JavaScriptã§ïŒã¹ã¯ãªããã¯ãscriptèŠçŽ ã䜿çšããŠããŸãã¯ã€ãã³ããã³ãã©ã³ã³ãã³ã屿§ã䜿çšããŠåã蟌ãããšãã§ããå°ããªããã°ã©ã ã§ãããããšãã°ã"Hello World"ã衚瀺ããããã«ãoutputèŠçŽ ã®å€ãèšå®ããã¹ã¯ãªãããæã€ãã©ãŒã ã¯ãã®ããã«ãªãïŒ
<form name="main"> Result: <output name="result"></output> <script> document.forms.main.elements.result.value = 'Hello World'; </script> </form>
DOMããªãŒå
ã®åèŠçŽ ã¯ãªããžã§ã¯ãã«ãã£ãŠè¡šãããããããªããžã§ã¯ãã¯ããªããžã§ã¯ããæäœã§ããããã«ããããã®APIãæã€ãããšãã°ããªã³ã¯ïŒããšãã°äžèšããªãŒã®aèŠçŽ ïŒã¯ã"href"屿§ãè€æ°ã®æ¹æ³ã§å€æŽã§ããïŒ
var a = document.links[0]; // ææžå
ã®æåã®ãªã³ã¯ãååŸ
a.href = 'sample.html'; // ãªã³ã¯å
URLã倿Ž
a.protocol = 'https'; // URLã®ã¹ããŒã éšåã®ã¿ã倿Žãã
a.setAttribute('href', 'http://example.com/'); // 屿§å
容ãçŽæ¥å€æŽ
HTMLææžãå®è£ ïŒç¹ã«ãŠã§ããã©ãŠã¶ã®ãããªã€ã³ã¿ã©ã¯ãã£ããªå®è£ ïŒã«ãã£ãŠåŠçããã³è¡šç€ºããããšãã«ãHTMLææžã衚çŸããããã®ææ®µãšããŠDOMããªãŒã¯äœ¿çšãããã®ã§ããã®ä»æ§ã§ã¯ã倧éšåãäžèšã®ããŒã¯ã¢ããã®ä»£ããã«DOMããªãŒã®çšèªã§èšè¿°ãããã
HTMLææžã¯ãã¡ãã£ã¢ã«äŸåããªãã€ã³ã¿ã©ã¯ãã£ããªã³ã³ãã³ãã®èšè¿°ã衚ããHTMLææžã¯ãç»é¢ã§ãé³å£°ã·ã³ã»ãµã€ã¶ãŒãéããŠããŸãã¯ç¹åãã£ã¹ãã¬ã€ã§ã¬ã³ããªã³ã°ããããããããªãããã®ãããªã¬ã³ããªã³ã°ãè¡ãããæ¹æ³ã«åœ±é¿ãäžããããã«ãèè ã¯CSSãªã©ã®ã¹ã¿ã€ã«èšèªã䜿çšã§ããã
次ã®äŸã«ãããŠãCSSã䜿çšããããŒãžã¯ãèæ¯ãéè²ã§æåè²ãé»è²ãšãªã£ãŠããã
<!DOCTYPE html>
<html>
<head>
<title>Sample styled page</title>
<style>
body { background: navy; color: yellow; }
</style>
</head>
<body>
<h1>Sample styled page</h1>
<p>This page is just a demo.</p>
</body>
</html>
ã©ã®ããã«HTMLã䜿çšãããã®è©³çްã«ã€ããŠãèè ã¯ãã¥ãŒããªã¢ã«ãšã¬ã€ããåèã«ããããä¿ãããããã®ä»æ§ã«å«ãŸããŠããäŸã®äžéšã圹ç«ã€ãããããªããããããåŸãæåã¯çè§£ãã«ãããããããªã詳现ãªã¬ãã«ã§èšèªãå®çŸ©ããããšã«åå¿è ã¯æ³šæããããšã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLãã€ã³ã¿ã©ã¯ãã£ããªãµã€ããäœæããããã«äœ¿çšãããå Žåãæ»æè ããµã€ãèªèº«ãŸãã¯ãµã€ãã®ãŠãŒã¶ãŒã®æŽåæ§ãå±éºã«ãããããšãéããŠè匱æ§ãããããã®ãé¿ãããããªé æ ®ãå¿ èŠã§ããã
ãã®åé¡ã®å æ¬çãªç ç©¶ã¯ããã®ææžã®ç¯å²ãè¶ ããããŸãèè ã¯ããã詳现ã«åé¡ãç ç©¶ããããšã匷ãä¿ãããã ãããã®ç¯ã¯ãHTMLã¢ããªã±ãŒã·ã§ã³éçºã«ãããäžè¬çãªèœãšã穎ã«ã€ããŠç°¡åãªæåŒãã®æäŸã詊ã¿ãã
ãŠã§ãã®ã»ãã¥ãªãã£ã¢ãã«ã¯"origin"ã®æŠå¿µã«åºã¥ããŠãããããã«å¯Ÿå¿ããŠãŠã§ãäžã§æœåšçãªæ»æã®å€ãã¯ãcross-originãªæ¯ãèãã䌎ããšãããã[ORIGIN]
ããšãã°ããã¹ãã³ã¡ã³ãã®ãããªãŠãŒã¶ãŒãçæããã³ã³ãã³ããURLãã©ã¡ãŒã¿ã®å€ããµãŒãããŒãã£ãµã€ãããã®ã¡ãã»ãŒãžãªã©ã®ä¿¡é Œã§ããªãå ¥åãåãå ¥ãããšããããŒã¿ã¯äœ¿çšããåã«æ€èšŒããã衚瀺ãããå Žåã«é©åã«ãšã¹ã±ãŒãããããšãäžå¯æ¬ ã§ããããããè¡ããªããšãæµå¯ŸçãªãŠãŒã¶ãŒãè² ã®å¹Žéœ¢ã®ããã«åœã®ãŠãŒã¶ãŒæ å ±ãæäŸãããªã©ã®æœåšçã«å®å šãªãã®ããããŠãŒã¶ãŒãæ å ±ãå«ãããŒãžãèŠãŠæ¯åã¹ã¯ãªãããå®è¡ãããŸãã¯æœåšçã«ããã»ã¹ãžã®æ»æãäŒæãããªã©ã®æ·±å»ãªãã®ããµãŒããŒå ã®ãã¹ãŠã®ããŒã¿ãåé€ãããªã©ã®å£æ» çãªãã®ãŸã§ãããŸããŸãªæ»æã®å®è¡ãèš±ããŠããŸãã
ãŠãŒã¶ãŒå ¥åãæ€èšŒããããã®ãã£ã«ã¿ãäœæããå Žåããã£ã«ã¿ã¯åžžã«æ¢ç¥ã®å®å šãªæ§é ç©ãèš±å¯ããä»ã®ãã¹ãŠã®å ¥åãèš±å¯ããªããããªããã¯ã€ããªã¹ãããŒã¹ã§ããããšãäžå¯æ¬ ã§ãããïŒããšãã°ãå°æ¥çã«çºæããããããããªããªã©ã®çç±ã§ïŒãã¹ãŠã®å±éºãæ¢ç¥ã§ã¯ãªããšããŠãæ¢ç¥ã®å±éºãªå ¥åãèš±ãããã®ä»ãèš±ããã©ãã¯ãªã¹ãããŒã¹ã®ãã£ã«ã¿ã¯å®å šã§ã¯ãªãã
ããšãã°ãããŒãžãäœã衚瀺ããããæ±ºå®ããããã«ãããŒãžã®URLã®ã¯ãšãªæååãèŠãŠã次ã«ããµã€ããã¡ãã»ãŒãžã衚瀺ããããšã§ããã®ããŒãžã«ãŠãŒã¶ãŒããªãã€ã¬ã¯ããããšãããïŒ
<ul> <li><a href="message.cgi?say=Hello">Say Hello</a> <li><a href="message.cgi?say=Welcome">Say Welcome</a> <li><a href="message.cgi?say=Kittens">Say Kittens</a> </ul>
ã¡ãã»ãŒãžããšã¹ã±ãŒãããã«åã«ãŠãŒã¶ãŒã«è¡šç€ºãããå Žåãæµå¯Ÿçãªæ»æè ã¯ãscriptèŠçŽ ãå«ãŸããURLãäœæããå¯èœæ§ãããïŒ
http://example.com/message.cgi?say=%3Cscript%3Ealert%28%27Oh%20no%21%27%29%3C/script%3E
æ»æè ã¯è¢«å®³è ã®ãŠãŒã¶ãŒããã®ããŒãžã«ã¢ã¯ã»ã¹ããããšã確信ããŠãããªãã°ãæ»æè ãéžæããã¹ã¯ãªããã¯ãããŒãžäžã§å®è¡ãããã ããããã®ãããªã¹ã¯ãªããã¯ããµã€ããæäŸãããã®ã«ãã£ãŠã®ã¿å¶éããã奜ããªã ãæµå¯Ÿè¡çºãèµ·ããããšãã§ãããããšãã°ããµã€ããeã³ããŒã¹ã·ã§ããã§ããã°ãã¹ã¯ãªããã«ãã£ãŠãŠãŒã¶ãŒã®ç¥ããªããã¡ã«åæã«å€ãã®äžèŠãªè²·ãç©ãããå¯èœæ§ãããã
ããã¯ãã¯ãã¹ãµã€ãã¹ã¯ãªããã£ã³ã°æ»æãšåŒã°ããŠããã
ã³ãŒããå®è¡ããããµã€ããã ãŸãããšããããã«äœ¿çšã§ããå€ãã®æ§æèŠçŽ ããããèè ããã¯ã€ããªã¹ãã®ãã£ã«ã¿ãæžãå Žåã«èæ ®ãä¿ãããããã€ãã®ãã®ãããïŒ
imgã®ãããªç¡å®³ã®ããã«æããèŠçŽ ãèš±å¯ããå Žåãåæ§ã«ãäžãããã屿§ããã¯ã€ããªã¹ãã«ç»é²ããããšãéèŠã§ãããããšãã°ãimgããã¹ãŠã®å±æ§ãèš±å¯ããå Žåãæ»æè
ã¯ãä»»æã®ã¹ã¯ãªãããå®è¡ããããã«onload屿§ã䜿çšã§ãããjavascript:"ã ãããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ä»ã®ãã®ãå®è£
ããããšãã§ããïŒãããŠå®éãæŽå²çã«å®è£
ããŠããïŒãbaseèŠçŽ ãæ¿å
¥ã§ããããã«ããããšã¯ãçžå¯Ÿçãªãªã³ã¯ãæã€ããŒãžã§ã®ä»»æã®scriptèŠçŽ ããã€ãžã£ãã¯ãããå¯èœæ§ããããåæ§ã«ä»»æã®ãã©ãŒã ã®æåºãæµå¯Ÿãµã€ãã«ãªãã€ã¬ã¯ããããŠããŸãããšãæå³ãããããšãã°ããŠãŒã¶ãŒåã§ãã©ãŒã©ã ã«ã¡ãã»ãŒãžãæçš¿ãããè³Œå ¥ããããŸãã¯ãã¹ããŒãã®ç³è«ãããªã©ããµã€ãããŠãŒã¶ãŒã«å¯ŸããŠãŠãŒã¶ãŒåºæã®å¯äœçšã䌎ããã©ãŒã éä¿¡ãè¡ãããšãèš±å¯ããå Žåãä»ã®ãµã€ãã«ãã£ãŠãŠãŒã¶ãŒãç¡æèã«ãªã¯ãšã¹ãããããã«ã ãŸããããã¯ããããæå³çã«ãŠãŒã¶ãŒã«ãã£ãŠè¡ãããããšã確èªããã®ãéèŠã§ããã
HTMLãã©ãŒã ãä»ã®çæå ã«éä¿¡ã§ããããããã®åé¡ã¯ååšããã
ãµã€ãã¯ããŠãŒã¶ãŒåºæãªç§å¯ã®ããŒã¯ã³ã䜿çšããŠãã©ãŒã ãçæããããŸãã¯ãã¹ãŠã®èŠæ±ã«OriginããããŒããã§ãã¯ããŠãã®ãããªæ»æãé²ãããšãã§ããã
ãŠãŒã¶ãŒãæãŸãªãã ããæ¯ãèããå®è¡ããã€ã³ã¿ãŒãã§ãŒã¹ããŠãŒã¶ãŒã«æäŸãããããªããŒãžã¯ããŠãŒã¶ãŒãã¢ã¯ãã£ããªã€ã³ã¿ãŒãã§ãŒã¹ã§ã ãŸãããå¯èœæ§ãåé¿ããããã«èšèšããå¿ èŠãããã
ããšãã°ãæµå¯Ÿçãªãµã€ããå°ããªiframeã被害è
ã®ãµã€ãã«é
眮ãããŠãŒã¶ãŒããªã¢ã¯ã·ã§ã³ã²ãŒã ããã¬ã€ããããšã«ãã£ãŠãã¯ãªãã¯ãããããŠãŒã¶ãŒã«ãããå ŽåããŠãŒã¶ãŒãã ãŸãäžã€ã®ææ®µã§ãããã²ãšãã³ãŠãŒã¶ãŒãã²ãŒã ããã¬ã€ãããšãæµå¯Ÿãµã€ãã¯ãŠãŒã¶ãŒãã¯ãªãã¯ããããšãããšåæã«ããŠã¹ã«ãŒãœã«ã®äžã«iframeãé
眮ã§ãããããããŠè¢«å®³è
ãµã€ãã®ã€ã³ã¿ãŒãã§ãŒã¹ãã¯ãªãã¯ããããã«ãŠãŒã¶ãŒãã ãŸãã
ãããåé¿ããããã«ããã¬ãŒã ã«äœ¿çšãããããšãäºæ³ããªããµã€ãã¯ãïŒããšãã°top屿§ã®å€ã«windowãªããžã§ã¯ããæ¯èŒããããšã«ãã£ãŠïŒãã¬ãŒã ã«ãªãããšãæ€åºããå Žåã®ã¿ããããã®ã€ã³ã¿ãŒãã§ãŒã¹ãæå¹ã«ããããšãä¿é²ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLå ã®ã¹ã¯ãªããã¯"å®è¡ããå®äºãŸã§"ã®ã»ãã³ãã£ãã¯ããããããã¯ãã€ãã³ããçºç«ãŸãã¯ææžãè§£æãç¶ãããªã©ãã»ãã«äœããå®è¡ããåã«ãäžè¬ã«ãã©ãŠã¶ã¯éåããã¹ã¯ãªãããå®è¡ããããšãæå³ããã
äžæ¹ãHTMLãã¡ã€ã«ã®è§£æã¯éåæãã€å¢å çã«çºçãããããã¯ãããŒãµãã¹ã¯ãªãããå®è¡ã§ããããä»»æã®æç¹ã§äžæåæ¢å¯èœã§ããããšãæå³ãããããã¯äžè¬ã«è¯ãããšã§ããããã€ãã³ããçºç«ããå¯èœæ§ãã§ããåŸã«ãèè ã¯ã€ãã³ããã³ãã©ãããã¯ããã®ãé¿ããããæ³šæããå¿ èŠãããããšãæå³ããã
ããã確å®ã«è¡ããã€ãã³ããã³ãã©ã®ã³ã³ãã³ã屿§ã䜿çšããããŸãã¯èŠçŽ ãäœæããŠåãã¹ã¯ãªããå ã§ã€ãã³ããã³ãã©ã远å ãããšãã2ã€ã®æ¹æ³ããããåè¿°ã®ããã«ã远å ã®ã€ãã³ããçºåããåã«ãã¹ã¯ãªãããå®äºãããŸã§å®è¡ãããŠãããããåŸè ã¯å®å šã§ããã
ãããæç€ºããããšãã§ããäžã€ã®æ¹æ³ã¯ãimgèŠçŽ ãšloadã€ãã³ãã§ãããç¹ã«ç»åããã§ã«ïŒå
±éã®ïŒãã£ãã·ã¥ãããŠããå Žåã¯ãèŠçŽ ãè§£æããããšåæã«ã€ãã³ãã¯çºç«ããããšãã§ããã
ããã¯ãèè
ã¯loadã€ãã³ããæãŸããããã«imgèŠçŽ ã«onloadãã³ãã©ã䜿çšããŠããïŒ
<img src="games.png" alt="Games" onload="gamesLogoHasLoaded(event)">
èŠçŽ ãã¹ã¯ãªããã«ãã£ãŠè¿œå ãããŠããå Žåãã€ãã³ããã³ãã©ã¯åãã¹ã¯ãªããã§è¿œå ãããã€ãã³ããèŠèœãšãããããšã¯ãªãã ããïŒ
<script>
var img = new Image();
img.src = 'games.png';
img.alt = 'Games';
img.onload = gamesLogoHasLoaded;
// img.addEventListener('load', gamesLogoHasLoaded, false); // would work also
</script>
ããããèè
ãæåã«imgèŠçŽ ãäœæããå¥ã®ã¹ã¯ãªããã§ã€ãã³ããªã¹ããŒã远å ããå Žåãloadã€ãã³ããçºç«ããŠããéã«ãèŠéãæ©äŒãããïŒ
<!-- Do not use this style, it has a race condition!-->
<img id="games" src="games.png" alt="Games">
<!-- the 'load' event might fire here while the parser is taking a
break, in which case you will not see it!-->
<script>
var img = document.getElementById('games');
img.onload = gamesLogoHasLoaded; // might never fire!
</script>
ãã®ç¯ã¯éèŠç¯çã§ããã
èè ã¯ãããç®ã«ãã誀ããèŠã€ããé©åæ§ãã§ãã«ãŒïŒããªããŒã¿ãšãåŒã°ããïŒãå©çšããããšãæšå¥šããããW3Cã¯ãNu Markup Validation Serviceãå«ããå€ãã®ãªã³ã©ã€ã³æ€èšŒãµãŒãã¹ãæäŸããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTML仿§ã®ä»¥åã®ããŒãžã§ã³ãšã¯ç°ãªãããã®ä»æ§ã¯ã劥åœãªææžåãåæ§ã«ã劥åœã§ãªãææžã®è©³çްãªå¿ èŠãªåŠçãå®çŸ©ããã
ãããã劥åœã§ãªãã³ã³ãã³ãã®åŠçã¯ãã»ãšãã©ã®å Žåæç¢ºã«å®çŸ©ãããããã©ããææžã®ããã®é©åèŠä»¶ã¯äŸç¶ãšããŠéèŠã§ãããå®éã«ã¯ãçžäºéçšæ§ïŒãã¹ãŠã®å®è£ ããä¿¡é Œæ§ãšåäžãŸãã¯åçã®æ¹æ³ã§ç¹å®ã®ã³ã³ãã³ããåŠçããŠããç¶æ³ïŒã¯ãææžé©åèŠä»¶ã®å¯äžã®ç®æšã§ã¯ãªãããã®ç¯ã¯ãé©åææžãšãšã©ãŒããã€ææžãåºå¥ããããã®ãããäžè¬çãªçç±ã®äžéšãåæããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã¯ã以åã®HTMLããŒãžã§ã³ããã®ãã¬ãŒã³ããŒã·ã§ã³çãªæ©èœã®ã»ãšãã©ã䜿çšã§ããªããäžè¬ã«ãã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããã¯ãå€ãã®åé¡ãæããããšãèŠåºãããŠããïŒ
ãŠãŒã¶ãŒæ¯æŽæè¡ïŒATïŒã«æºè¶³ãªäœéšïŒããšãã°ARIAãçšããŠïŒãæäŸããæ¹æ³ã§ãã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããã䜿çšããããšã¯å¯èœã ããã»ãã³ãã£ãã¯ã«é©åãªããŒã¯ã¢ãããçšããå Žåãããèããå°é£ã§ãããããã«ãããšããã®ãããªæè¡ãçšããŠããããã¹ãã¢ãŒããã©ãŠã¶ã®ãŠãŒã¶ãŒã®ãããªãAT以å€ã®éã°ã©ãã£ã«ã«ãŠãŒã¶ãŒåãã®ããŒãžãã¢ã¯ã»ã·ãã«ã«ããå©ãã«ã¯ãªããªãã
ãã®äžæ¹ã§ãã¡ãã£ã¢ã«äŸåããªãããŒã¯ã¢ããã®äœ¿çšã¯ãå€ãã®ãŠãŒã¶ãŒïŒããšãã°ããã¹ããã©ãŠã¶ïŒã«æ©èœããããäœæãããææžåãã®å®¹æãªææ®µãæäŸããã
ããŒã¯ã¢ãããã¹ã¿ã€ã«ã«äŸåããªãæ¹æ³ã§æžããããµã€ãã®ç¶æã¯å€§å¹
ã«å®¹æã§ãããããšãã°ã<font color="">ã䜿çšããŠãµã€ãã®è²ã倿Žãããšããµã€ãå
šäœã«ããã£ãŠã®å€æŽãå¿
èŠã«ãªãã®ã«å¯ŸããCSSã«åºã¥ããµã€ãã¯åæ§ã®å€æŽãåäžã®ãã¡ã€ã«ã®å€æŽã«ãã£ãŠå¯èœã§ããã
ãã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããã¯ãããããŠåé·ã«ãªãåŸåãããããããã£ãŠããã倧ããªææžãµã€ãºãšãªãã
ãã®ãããã®ããŒãžã§ã³ã§ã¯ããã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããã¯HTMLããåé€ãããããã®å€åã¯é©ãã¹ããã®ã§ã¯ãªããHTML4ã¯äœå¹Žãåã«ãã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ãããéæšå¥šãšããèè ããã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããããã®è±åŽãæ¯æŽããã¢ãŒãïŒHTML4 TransitionalïŒãæäŸãããåŸã«ãXHTML 1.1ã¯äžæ®µãšèžã¿èŸŒã¿ãå®å šã«ãããã®æ©èœã廿¢ããã
HTMLã§å¯äžæ®ã£ãŠãããã¬ãŒã³ããŒã·ã§ã³çãªããŒã¯ã¢ããæ©èœã¯ãstyle屿§ãšstyleèŠçŽ ã§ãããstyle屿§ã®äœ¿çšã¯æ¬çªç°å¢ã§æšå¥šãããªãããã©ããããããã¿ã€ãã³ã°ïŒãã®ã«ãŒã«ãçŽæ¥åŸã§å¥ã®ã¹ã¿ã€ã«ã·ãŒãã«ç§»åããããšãã§ããïŒãããã³ç¬ç«ããã¹ã¿ã€ã«ã·ãŒããäžäŸ¿ã§ããä»ãšã¯ç°ãªãå Žåã§ã®ç¹å®ã®ã¹ã¿ã€ã«ãæäŸããã®ã«åœ¹ç«ã€ãåæ§ã«ãstyleèŠçŽ ã¯ãé
ä¿¡ãŸãã¯ããŒãžåºæã®ã¹ã¿ã€ã«ã«æçšã§ããããäžè¬ã«ã¹ã¿ã€ã«ãè€æ°ããŒãžã«é©çšããå Žåãå€éšã¹ã¿ã€ã«ã·ãŒãã¯ãã䜿ãããããã§ããã
ãŸãã以åã«ãã¬ãŒã³ããŒã·ã§ã³çã§ãã£ãäžéšã®èŠçŽ ãã¡ãã£ã¢ã«äŸåããªãããããã®ä»æ§ã§åå®çŸ©ãããŠããããšã¯æ³šç®ãã¹ãã§ããïŒbãiãhrãsãsmallããã³uã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLã®æ§æã¯ãããŸããŸãªåé¡ãåé¿ããããã«ææãããŠããã
ç¹å®ã®åŠ¥åœã§ãªãæ§ææ§é ãè§£æããããšããé«åºŠã«çŽæçã§ãªãDOMããªãŒãããããã
ããå¥åŠã§è€éãªãšã©ãŒåŠçèŠåãå®è£ ããããšãªããå¶åŸ¡ãããç°å¢ã§äœ¿çšã§ããããã«ããããããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯è§£æãšã©ãŒã«ééããå Žåã«å€±æãèš±å¯ãããã
åè¿°ãã<table><hr>...ã®ãããªäŸã«å¯Ÿããæ¯ãèããªã©ãäžéšã®ãšã©ãŒåŠçåäœã¯ãã¹ããªãŒãã³ã°ã®ãŠãŒã¶ãŒãšãŒãžã§ã³ãïŒç¶æ
ãä¿åããããšãªãã1åã®ãã¹ã§HTMLãã¡ã€ã«ãåŠçãããŠãŒã¶ãŒãšãŒãžã§ã³ãïŒãšäºææ§ããªãããã®ãããªãŠãŒã¶ãŒãšãŒãžã§ã³ããšã®çžäºéçšæ§ã®åé¡ãåé¿ããããã«ããã®ãããªæ¯ãèãã«èµ·å ãããããªãæ§æã劥åœã§ãªããšèŠãªãããã
XMLã«åºã¥ããŠãŒã¶ãŒãšãŒãžã§ã³ããHTMLããŒãµã«æ¥ç¶ãããå Žåãã³ã¡ã³ãã§2ã€ã®é£ç¶ãããã€ãã³ãå«ãããšããªããšãããããªãXMLã匷å¶ããç¹å®ã®äžå€æ¡ä»¶ã¯ãHTMLãã¡ã€ã«ã«ãã£ãŠäŸµå®³ãããå¯èœæ§ãããããããåŠçãããšãããŒãµãXMLäºæã®infosetã«HTML DOMã匷èŠããããšãèŠæ±ã§ããããã®ãããªåŠçãèŠæ±ããã»ãšãã©ã®æ§ææ§é ã¯åŠ¥åœã§ãªããšã¿ãªãããã
ç¹å®ã®æ§ææ§é ã¯äžåè¡¡ãªããã©ãŒãã³ã¹ã®äœäžã«ã€ãªããããšãããããã®ãããªæ§é ã®äœ¿çšãæããšã©ãŸãããããã«ãå žåçãªäžé©åãšããã
ããšãã°ããã¹ãŠã®éããããŠããªãièŠçŽ ãåæ®µèœã§åæ§æãããªããã°ãªããªãããã«ã次ã®ããŒã¯ã¢ããã¯ããã©ãŒãã³ã¹ã®äœäžããããããåæ®µèœã§æ¬¡ç¬¬ã«ããå€ãã®èŠçŽ ãããããïŒ
<p><i>He dreamt. <p><i>He dreamt that he ate breakfast. <p><i>Then lunch. <p><i>And finally dinner.
The resulting DOM for this fragment would be:
æŽå²çãªçç±ã«ãããæ¯èŒçå£ããããæ§ææ§é ãååšããããã®ãããªåé¡ã«å¶çºçã«é¥ããŠãŒã¶ãŒã®æ°ãæžããããã«ãããããé©åããªãããã«ããã
ããšãã°ã屿§ã«ãããæå®æååç §ã®ç¹å®ã®æ§æè§£æã¯ãéãã»ãã³ãã³ãçç¥ãããŠãèµ·ãããæå®æååç §ã圢æããªãæåãç¶ãã¢ã³ããµã³ããå«ãã®ã¯å®å šã§ãããããã®æåãæå®æååç §ã圢æããæååã«å€æŽãããå Žåããã®æååã¯ä»£ããã«æåãšããŠè§£éãããã ããã
æ¬¡ã®æçã§ã屿§å€ã¯"?bill&ted"ãšãªãïŒ
<a href="?bill&ted">Bill and Ted</a>
ããããæ¬¡ã®æçã§ã¯ã屿§å€ã¯"?art©"ãæå³ãããå®éã«ã¯"?art©"ãšãªãããªããªãã°æåŸã®ã»ãã³ãã³ããªãã"©"ã¯"©"ãšåæ§ã«æ±ããããããã£ãŠ"©"ãšããŠè§£éãããïŒ
<a href="?art©">Art and Copy</a>
ãã®åé¡ãåé¿ããããããã¹ãŠã®æå®æååç §ã¯ã»ãã³ãã³ã§çµäºããå¿ èŠããããã»ãã³ãã³ãªãã®æå®æååç §ã®äœ¿çšã¯ããšã©ãŒãšããŠãã©ã°ä»ããããã
ãã£ãŠãäžèšã®äŸã衚çŸããããã®ãµããããæ¹æ³ã¯ã次ã®ãšããïŒ
<a href="?bill&ted">Bill and Ted</a> <!-- &tedã¯æå®æååç §ã§ãªãã®ã§OK -->
<a href="?art&copy">Art and Copy</a> <!-- ©ã¯æå®æååç §ãªã®ã§ã&ã¯ãšã¹ã±ãŒããããå¿ èŠããã -->
ç¹å®ã®æ§ææ§é ã¯ãã¬ã¬ã·ãŒãŠãŒã¶ãŒãšãŒãžã§ã³ãã§ã¯ç¹ã«åŸ®åŠãŸãã¯é倧ãªåé¡ãåŒãèµ·ããããšãç¥ãããŠããããããã£ãŠèè ãåé¿ããã®ãå©ããããã«äžé©åãšããŠããŒã¯ãããã
ããšãã°ãããã¯"`"ïŒU+0060ïŒæåãåŒçšç¬Šãªãã®å±æ§ã§èš±å¯ãããªãçç±ãšãªããç¹å®ã®ã¬ã¬ã·ãŒãŠãŒã¶ãŒãšãŒãžã§ã³ãã§ã¯ã ããã¯æã«åŒçšç¬ŠãšããŠæ±ãããã
ããäžã€ã®äŸã¯ãéäºæã¢ãŒãã®ããªã¬ãŒã«å¿ èŠãªDOCTYPEã§ããããªããªãäºæã¢ãŒãã§ã®ã¬ã¬ã·ãŒãŠãŒã¶ãŒãšãŒãžã§ã³ãã®åäœã¯ææžåãããŠããªãããšãå€ãããã§ããã
äžå®ã®å¶éã¯ãçŽç²ã«æ¢ç¥ã®ã»ãã¥ãªãã£åé¡ãåé¿ããããã«ååšããŠããã
ããšãã°ãUTF-7ã䜿çšããäžã§ã®å¶éäºé ã¯ãUTF-7ãçšããæ¢ç¥ã®ã¯ãã¹ãµã€ãã¹ã¯ãªããã£ã³ã°æ»æã«å¯ŸããŠçŽç²ã«èè ãç ç²ã«ãªãã®ãé¿ããããã«ååšããŠããã[UTF7]
èè ã®æå³ã極ããŠäžæç¢ºã§ããããŒã¯ã¢ããã¯ãå€ãã®å Žåäžé©åãšãããããã®ãšã©ãŒã®æ©æã®ä¿®æ£ã以éã®ã¡ã³ããã³ã¹ããã容æã«ããã
ãŠãŒã¶ãŒãåçŽãªã¿ã€ããã¹ãããå Žåããšã©ãŒãæ©æã«çºèŠã§ããã°æå©ããšãªãããããã°ã«èŠããæéãå€§å¹ ã«ç¯çŽã§ããã ããããããã£ãŠãã®ä»æ§ã¯ããã®ä»æ§ã§å®çŸ©ãããååãšäžèŽããªãèŠçŽ åã屿§åãããã³ãã®ä»ã®äœ¿çšããšã©ãŒãšã¿ãªãã
ããšãã°ãèè
ã<caption>ã®ä»£ããã«<capton>ãå
¥åããå Žåãããããšã©ãŒãšããŠãã©ã°ä»ãããã°ãèè
ã¯ããã«ã¿ã€ããã¹ãä¿®æ£ã§ããã ããã
èšèªæ§æã¯ãå°æ¥çã«æ¡åŒµã§ããããã«ããããã«ãç¹å®ã®ãã®ä»ã®ç¡å®³ãªæ©èœãçŠæ¢ããŠããã
ããšãã°ãçµäºã¿ã°ã®"屿§"ã¯çŸåšç¡èŠãããããã劥åœã§ãªããå°æ¥ã«èšèªã倿Žããå Žåã¯ãæ¢ã«å±éãããïŒãã€åŠ¥åœãªïŒã³ã³ãã³ããšç«¶åããããšãªãããã®æ§ææ©èœã®å©çšãæŽããã
äžéšã®èè ã¯ãåžžã«ãã¹ãŠã®å±æ§ãåŒçšç¬Šã§ããããããã³ä»»æã®ã¿ã°ãå«ãç¿æ £ãæçã§ããããšèŠãã ããHTMLæ§æã®æè»æ§ãå©çšããããšã«ãã£ãŠäžããããç°¡æœãã®å°ããªå©çãä¹ãè¶ããŠããã®ãããªç¿æ £ã«ç±æ¥ããå ç¢æ§ã奜ããããããèè ãæ¯æŽãããããé©åæ§ãã§ãã«ãŒã¯ããã®ãããªèŠåãé©çšãããåäœã¢ãŒããæäŸã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
èšèªæ§æã®ç¯å²ãè¶ ããŠããã®ä»æ§ã¯èŠçŽ ã屿§ãæå®ã§ããæ¹æ³ãå¶éããããã®å¶éã¯ãåæ§ã®çç±ã§ååšããŠããïŒ
å®çŸ©æžã¿ã®æå³ãæã€èŠçŽ ã®èª€çšãé¿ããããã«ãã³ã³ãã³ãã¢ãã«ã¯ãå ¥ãåããããŸããªå€ãæã€ã ããå Žåã®ãèŠçŽ ãå ¥ãåã«ããããšãã§ããæ¹æ³ã®å¶éãå®çŸ©ãããã
ããšãã°ãèè
ãã»ã¯ã·ã§ã³å
šäœãããŒå
¥åãã¹ãã§ãããšç€ºãããšã¯ãŸããªãããããã®ä»æ§ã¯ãkbdèŠçŽ ã®å
åŽã«sectionèŠçŽ ãå
¥ãåã«ããã®ãçŠæ¢ããã
åæ§ã«ãèŠçŽ ã®èª€çšã«èè ã®æ³šæãåŒããããã»ãã³ãã£ãã¯ã«ãããŠæãããªççŸããã衚çŸãé©åæ§ãšã©ãŒãšèŠãªãããã
ããšãã°ä»¥äžã®æçã§ã¯ãã»ãã³ãã£ãã¯ã¯ç¡æå³ãšãªãïŒæ°Žå¹³ç·ãšã»ã«ã¯äž¡ç«ããããšã¯ã§ãããã©ãžãªãã¿ã³ãšããã°ã¬ã¹ããŒãäž¡ç«ãåŸãªãã
<hr role="cell">
<input type=radio role=progressbar>
å¥ã®äŸã§ã¯ãlièŠçŽ ã®ã¿ãåã«ã§ããulèŠçŽ ã®å
容ã¢ãã«ã«ã¯å¶çŽããããå®çŸ©ã«ãããªã¹ãã¯0å以äžã®ãªã¹ãé
ç®ã®ã¿ãããªããulèŠçŽ ã¯lièŠçŽ ä»¥å€ã®ãã®ãå«ãŸããå Žåãæå³ãããã®ãæããã§ãªãã
ç¹å®ã®èŠçŽ ã¯ãæ··ä¹±ã«ã€ãªããå¯èœæ§ãé«ãçµã¿åãããšãªãããã©ã«ãã®ã¹ã¿ã€ã«ãæ¯ãèããããããã®åé¡ããªãåçã®éžæè¢ãæã€å Žæã§ã¯ãæ··ä¹±ããçµã¿åããã¯èš±å¯ãããªãã
ããšãã°ãdivèŠçŽ ã¯ãããã¯ããã¯ã¹ãšããŠãspanèŠçŽ ã¯ã€ã³ã©ã€ã³ããã¯ã¹ãšããŠã¬ã³ããªã³ã°ããããã€ã³ã©ã€ã³ããã¯ã¹ã®å
åŽã«ãããã¯ããã¯ã¹ã眮ãããšã¯äžå¿
èŠãªæ··ä¹±ãæããdivèŠçŽ ã®ã¿ããã¹ãã«ããããŸãã¯spanèŠçŽ ã®ã¿ããã¹ãããããŸãã¯divã®å
åŽã«spanèŠçŽ ããã¹ãããããšã®ããããããã¹ãŠspanèŠçŽ ã§divèŠçŽ ããã¹ãããã®ãšåãç®çãæããããåŸè
ã¯ã€ã³ã©ã€ã³ããã¯ã¹ã«ãããã¯ããã¯ã¹ãå«ã¿ããã®çµã¿åããã¯èš±å¯ãããªãã
ããäžã€ã®äŸã¯ãã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãã¯å
¥ãåã«ã§ããªãããšã ãããããšãã°ãbuttonèŠçŽ ã¯textareaèŠçŽ ãå«ããããšã¯ã§ããªããããã¯ããã®ãããªå
¥ãåãšãªãã€ã³ã¿ã©ã¯ãã£ããªèŠçŽ ã®ããã©ã«ãã®åäœããŠãŒã¶ãŒã«æ¥µåºŠã®æ··ä¹±ãããããããšãããããã§ããããããã®èŠçŽ ãå
¥ãåã«ãã代ããã«ã䞊眮ããããšãã§ããã
ãšãã«ãèè ã®æ··ä¹±ãèµ·ããå¯èœæ§ã®ããã«èªããããªããã®ãããã
ããšãã°ãå€"false"ãdisabled屿§ã«èšå®ããããšã¯èš±å¯ãããªããããã¯ãèŠçŽ ãèŠããäženabledã«ãªãããšãæå³ããã«ãããããããå®éã«ã¯èŠçŽ ãdisabledãæå³ããïŒå®è£
ã®ããã«éèŠãªãã®ã¯ãã®å€ã§ã¯ãªãã屿§ã®ååšã§ããïŒããã§ããã
äžéšã®é©åæ§ãšã©ãŒã¯ãèè ãåŠã¶å¿ èŠã®ããèšèªãå¹³æã«ããã
ããšãã°ãareaèŠçŽ ã®shape屿§ã¯ãå®éã«ã¯å矩ãªãã®ãšããŠcircãšcircleã®å€ã®äž¡æ¹ãåãå
¥ããã«ããããããããã¥ãŒããªã¢ã«ããã®ä»ã®åŠç¿è£å©ãå¹³æã«ãããããcircå€ã®äœ¿çšãèš±å¯ããªããäž¡è
ãèš±å¯ããŠãå©çã¯ãªãã ããããèšèªãæããéã«äœèšãªæ··ä¹±ãåŒãèµ·ããã ããã
ç¹å®ã®èŠçŽ ã¯ãã颚å€ãããªæ¹æ³ïŒäžè¬ã«ã¯æŽå²çãªçç±ïŒã§è§£æããããã®èŠçŽ ã®å 容ã¢ãã«ã®å¶çŽã¯ããããã®åé¡ã«èè ããããããããšã®åé¿ãæå³ããã
ããšãã°ãformèŠçŽ ã¯ãã¬ãŒãžã³ã°ã³ã³ãã³ãã®å
åŽã§èš±å¯ãããªãããªããªãHTMLãšããŠè§£æãããå ŽåãformèŠçŽ ã®éå§ã¿ã°ã¯ãpèŠçŽ ã®çµäºã¿ã°ãæå³ããã®ã§ããããããã£ãŠã1ã€ã§ã¯ãªã2ã€ã®æ®µèœãããããïŒ
<p>Welcome. <form><label>Name:</label> <input></form>
It is parsed exactly like the following:
<p>Welcome. </p><form><label>Name:</label> <input></form>
äžéšã®ãšã©ãŒã¯ããããã°å°é£ã ããã¹ã¯ãªããã®åé¡ãé²ãæå©ããæå³ããŠããã
äŸãã°ãåãå€ãæã€2ã€ã®id屿§ãæã€ããšã¯äžé©åã§ããçç±ãšãªããäºéã®IDã¯ãæã«ã¯æ²æšãªçµæãšãã®åå ãç©¶æããã®ãå°é£ã«ãããšãšãã«ãééã£ãèŠçŽ ã®éžæãããããã
äžéšã®æ§é ã¯èš±å¯ãããªãããªããªãããã®ãããªæ§é ã¯æŽå²çã«ç¡é§ãªãªãŒãµãªã³ã°æéã®å€ãã®åå ã§ããããã®æ§é ãé¿ããããèè ã«æšå¥šããããšã§ãèè ã¯å°æ¥ã®åãçµã¿ã«æéãç¯çŽã§ããããã§ããã
ããšãã°ãscriptèŠçŽ ã®src屿§ã¯ãèŠçŽ ã®å
容ãç¡èŠãããããããããã¯æããã§ãªããç¹ã«èŠçŽ ã®å
容ãå®è¡å¯èœãªã¹ã¯ãªããã®ããã«èŠããå Žåãã¹ã¯ãªãããå®è¡ãããªãããšã«æ°ã¥ãããšãªããèè
ãã€ã³ã©ã€ã³ã¹ã¯ãªããããããã°ãããããå€ãã®æéãè²»ããããšã«ã€ãªããã ããããã®åé¡ã軜æžããããããã®ä»æ§ã¯src屿§ãååšããå ŽåãscriptèŠçŽ å
ã«å®è¡å¯èœãªã¹ã¯ãªãããäžé©åãšãããããã¯ãææžãæ€èšŒããèè
ãããã®çš®ã®èª€ããšãšãã«æéãç¡é§ã«ããå¯èœæ§ãäœãããããšãæå³ããã
äžéšã®èè ã¯ãXMLãšHTMLã®äž¡æ¹ã§åæ§ã®çµæã«è§£éå¯èœãªãã¡ã€ã«ãæžãããšã奜ãããã®ç¿æ £ã¯ç¡æ°ã®åŸ®åŠãªå°é£ãïŒç¹ã«ã¹ã¯ãªãããã¹ã¿ã€ã«ããŸãã¯èªååãããã·ãªã¢ã©ã€ãŒãŒã·ã§ã³ã®ä»»æã®çš®é¡ãå«ãå ŽåïŒã®ããã«äžè¬çã«æšå¥šãããªãããã©ãããã®ä»æ§ã¯ãå°ãªããšãå€å°ã®å°é£ã®è»œæžãæå³ããããã€ãã®å¶çŽããããããã¯ãèè ãHTMLãšXHTMLãšã®éã§ç§»è¡ããå Žåã«éæž¡çãªæ®µéãšããŠå®¹æã«äœ¿çšã§ããããã«ããã
ããšãã°ãlangãšxml:langãšãã屿§ã2ã€ã®åæãç¶æããããšãç®çãšããããè€éãªèŠåãããã
ããäžã€ã®äŸã¯ãé©åææžäžã®èŠçŽ ããHTMLãŸãã¯XMLãšããŠåŠçãããã©ãããåãåå空éã«çµããããšã®ç¢ºèªãæå³ããããããªHTMLã·ãªã¢ã©ã€ãŒãŒã·ã§ã³ã§xmlns屿§ã®å€ãå¶éããã ããã
èšèªã®ä»åŸã®æ¹æ£ã§æ°ããæ§æãå¯èœã«ããããã«æå³ãããæ§æã®å¶éãšåæ§ã«ãèŠçŽ ã屿§å€ã®å 容ã¢ãã«ã«å¯Ÿããäžéšã®å¶éã¯ãHTMLèªåœã®å°æ¥ã®æ¡åŒµãå¯èœã«ããããã«æå³ãããŠããã
ããšãã°ã"_"ïŒU+005FïŒã®æåã§å§ãŸãtarget屿§å€ãç¹å®ã®äºåã«å®çŸ©ãããå€ã®ã¿ã«å¶éããããšã¯ãæ°ããªäºåå®çŸ©ãããå€ããèè
ãå®çŸ©ããå€ãšç«¶åããããšãªãå°æ¥ã®æç¹ã§å°å
¥ããããšãã§ããã
äžå®ã®å¶çŽã¯ä»ã®ä»æ§ã«ãã£ãŠäœãããå¶çŽã®ãµããŒããæå³ããã
ããšãã°ãã¡ãã£ã¢ã¯ãšãªãåã屿§ã劥åœãªã¡ãã£ã¢ã¯ãšãªã®ã¿ã®äœ¿çšãèŠæ±ããããšã¯ããã®ä»æ§ã®é©åèŠåã«åŸãããšã®éèŠæ§ã匷調ããŠããã
ãã®ç¯ã¯éèŠç¯çã§ããã
以äžã®ææžã¯ããã®ä»æ§æžã®èªè ãèå³ããã€ãããããªãã
ãã®ã¢ãŒããã¯ãã£ã®ä»æ§ã¯ãUnicodeæšæºãšISO/IEC 10646ã§å ±åå®çŸ©ããåœéæåéåãšããŠããŠã§ãäžã§çžäºéçšå¯èœãªããã¹ãæäœã®ããã®å ±éã®åºæºã仿§æžã®èè ããœãããŠã§ã¢éçºè ãããã³ã³ã³ãã³ãéçºè ã«æäŸãããããŒãã¯ãçšèª'æå'ã'ãšã³ã³ãŒãã£ã³ã°'ããã³'æåå'ã®äœ¿çšãåç §åŠçã¢ãã«ãæåãšã³ã³ãŒãã£ã³ã°ã®èå¥ãšéžæãæåãšã¹ã±ãŒããããã³æååã®çŽ¢åŒä»ããå«ã察åŠã§ããã
Unicodeã¯æ¥µããŠå€æ°ã®æåãå«ã¿ãäžçã®æ§ã ãªæžèšäœç³»ãå å«ããããã誀ã£ãäœ¿çšæ¹æ³ã¯ãããã°ã©ã ãã·ã¹ãã ãã»ãã¥ãªãã£æ»æã«ãããå¯èœæ§ããããæ¬¡ã ã«è£œåã¯åœéåãããã®ã§ãããã¯ç¹ã«éèŠã§ããããã®ææžã¯ãããã°ã©ããã·ã¹ãã ã¢ããªã¹ããèŠæ Œã®éçºè ãããã³ãŠãŒã¶ãŒãèæ ®ãã¹ãã»ãã¥ãªãã£äžã®èæ ®äºé ã®äžéšã«ã€ããŠèª¬æããåé¡ã®ãªã¹ã¯ã軜æžããããã«æç¢ºãªæšå¥šäºé ãæäŸããã
ãŠã§ãã³ã³ãã³ãã»ã¢ã¯ã»ã·ããªãã£ãŒã»ã¬ã€ãã©ã€ã³ïŒWCAGïŒ2.0ã¯ããŠã§ãã³ã³ãã³ããããã¢ã¯ã»ã·ãã«ã«ããããã®å¹ åºãæšå¥šäºé ãæ±ãããã®ã¬ã€ãã©ã€ã³ã«åŸãããšã«ããã倱æã匱èŠãããããã³é£èŽãåŠç¿é害ãèªç¥å¶éãéåå¶éãèšèªé害ãå ç·éæçããã³ãããã®çµã¿åãããæã€äººã ã®åºãç¯å²ã«ã¢ã¯ã»ã·ãã«ãªã³ã³ãã³ããæäŸã§ããããã®ã¬ã€ãã©ã€ã³ã«åŸãããšã¯ãŸããå€ãã®å Žåäžè¬ã®ãŠãŒã¶ãŒã«å¯ŸããŠãŠã§ãã³ã³ãã³ãããã䜿ããããããã
This specification provides guidelines for designing Web content authoring tools that are more accessible for people with disabilities. An authoring tool that conforms to these guidelines will promote accessibility by providing an accessible user interface to authors with disabilities as well as by enabling, supporting, and promoting the production of accessible Web content by all authors.
This document provides guidelines for designing user agents that lower barriers to Web accessibility for people with disabilities. User agents include browsers and other types of software that retrieve and render Web content. A user agent that conforms to these guidelines will promote accessibility through its own user interface and through other internal facilities, including its ability to communicate with other technologies (especially assistive technologies). Furthermore, all users, not just users with disabilities, should find conforming user agents to be more usable.
ããªã°ãããããŒã¯ã¢ããã䜿çšããææžã¯ãHTMLãšããŠåŠçããã³XMLãšããŠåŠçãããå Žåã«ãïŒã«ãŒãèŠçŽ ã®xmlns屿§ãé€ãïŒåäžã®ææžããªãŒã«è§£æããããã€ãã¹ããªãŒã ã§ããææžã§ãããå®çŸ©ãããå¶çŽã®ã»ãããæºããããªã°ãããããŒã¯ã¢ããã¯ãHTML5ã®ä»æ§ãéããŠãHTMLãšããŠãŸãã¯XHTMLãšããŠåŠçããããã©ããã«ããããããäºææ§ããããšè§£éããããããªã°ãããããŒã¯ã¢ããã¯ãç¹å®ã®DOCTYPEãåå空é宣èšãããã³ç¹å®ã®æŽ»åã±ãŒã¹âéåžžã¯å°æåã ããææãã£ã¡ã«ã±ãŒã¹ïŒå é æåã倧æåïŒâãèŠçŽ åã屿§åã«çšãããããªã°ãããããŒã¯ã¢ããã¯ãç¹å®ã®å±æ§å€ã«å°æåã䜿çšãããããã«ã空èŠçŽ ãæå®å®äœåç §ãããã³ã¹ã¯ãªãããšã¹ã¿ã€ã«ã®äœ¿çšã«é¢ããå¶çŽãå«ãã
ããã¯ãHTMLèŠçŽ ãšå±æ§ãããŸããŸãªãã©ãããã©ãŒã äžã§ã®ã¢ã¯ã»ã·ããªãã£ãŒAPIããŒã«ãã¹ããŒãããã³ããããã£ãŒã«å²ãåœãŠããã©ããææžã§ãããããã¯ãHTMLèŠçŽ ã«ã¢ã¯ã»ã·ãã«ãªååãšèª¬æãèŠãã ãäžã§ã®å§åãæäŸããããŸããã¢ã¯ã»ã·ãã«ãªæ©èœã®å®è£ äŸã瀺ãã