Living Standard â Last Updated 1 September 2026
ãã®ä»æ§ã¯ãæ°ã ã®çްéšã«ãããŠããŠã§ããã©ãããã©ãŒã ã®å€§éšåãå®çŸ©ãããä»ã®ä»æ§ãšé¢é£ãããŠã§ããã©ãããã©ãŒã 仿§ã®ç©ã¿éãã«ãããŠããã®äœçœ®ã¯æ¬¡ã®ããã«èŠçŽã§ããïŒ
ãã®ç¯ã¯éèŠç¯çã§ããã
äžå£ã«èšãã°ïŒã¯ãã
ããé·ãã¯ïŒçšèª"HTML5"ã¯ãåºç¯ã«ã¢ãã³ãªãŠã§ãæè¡ãåç §ããããã®æµè¡èªãšããŠäœ¿çšãããïŒæ±ºããŠãã¹ãŠã§ã¯ãªãããã©ãïŒãã®å€ãã¯WHATWGã§éçºãããŠããããã®ææžã¯ããã®1ã€ã§ãããä»ã®ææžã¯ãWHATWG specification overviewããå©çšå¯èœã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLã¯ãã¯ãŒã«ãã¯ã€ããŠã§ãã®äžæ žãšãªãããŒã¯ã¢ããèšèªã§ããããããããHTMLã¯æ¬æ¥ã»ãã³ãã£ãã¯ã«ç§åŠçãªææžãèšè¿°ããããã®èšèªãšããŠèšèšããããã®ã§ãã£ããããããHTMLã®æ®éçãªèšèšã¯ããã®åŸã®äœå¹Žéã§ãä»ã®å€ãã®çš®é¡ã®ææžããã³ã¢ããªã±ãŒã·ã§ã³ã§ãããèšè¿°ããããã«é©å¿ãããããšãå¯èœã«ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ããã®ä»æ§ã§å®çŸ©ãããæ©èœã䜿çšããææžããã³ã¹ã¯ãªããã®èè ããã®ä»æ§ã§å®çŸ©ãããæ©èœã䜿çšããããŒãžäžã§åäœããããŒã«ã®å®è£ è ãããã³ãã®ä»æ§ã®èŠä»¶ã«å¯ŸããŠææžãŸãã¯å®è£ ã®æ£ããã確ç«ããããšãæãå人ã察象ãšããã
æ£ç¢ºãã®ããã®ããããããããå®å šæ§ã®ããã®ç°¡æœããç ç²ã«ããå Žæã«ãããŠããããããã®ææžã¯ãå°ãªããšããŠã§ãæè¡ã«ã€ããŠååãªç¥èãæããªãèªè ã«ã¯é©ããªãããããããããããã¥ãŒããªã¢ã«ããªãŒãµãªã³ã°ã¬ã€ãããããæãã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ãµã€ãã®ããŒãžã§ã³ã§ã¯å¶éã®å°ãªãã©ã€ã»ã³ã¹ãç¶æããã
é·å¹Žã«ããããäž¡ã°ã«ãŒãã¯äžç·ã«åããŠããããããã2011幎ã«äž¡ã°ã«ãŒãã¯ãç°ãªãç®æšãæã£ãŠãããšããçµè«ã«éããïŒWHATWGã¯ãæ¢ç¥ã®åé¡ãšãšãã«ç¶æ ã§ãããåçµããããããããé£ç¶çã«ä»æ§ãç¶æãããã©ãããã©ãŒã ãé²åããå¿ èŠã«å¿ããŠæ°ããæ©èœã远å ããããšã§ãHTMLã«å¯ŸããçããŠããæšæºã®äœæ¥ãç¶ãããã£ãŠããäžæ¹ã§ãW3Cã¯"HTML5"ã®"宿"ããŒãžã§ã³ãå ¬éãããã£ãŠããã
2019幎ã«WHATWGãšW3Cã¯ãä»åŸHTMLã®åäžããŒãžã§ã³ã«é¢ããŠå ±åäœæ¥ãè¡ãåå®ã«çœ²åãããããããã®ææžã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
äžèŠããã ãã§ã¯ãHTMLã®å€ãã®ç¹åŸŽãã§ãããã§ããäžè²«æ§ã®ãªãããã«èŠããããšãèªããªããã°ãªããªãã
HTMLãHTMLã®DOM APIã®ãµããŒããããã³HTMLã®ãµããŒãããæè¡ã®å€ãã¯ãå€ãã®å Žåãäºãã®ååšãç¥ããªããç°ãªãåªå é äœããã€å€æ°ã®äººã ã«ããæ°å幎ã«ããã£ãŠéçºãããŠããã
ãã®ããã«æ©èœã¯å€ãã®åºå žããçããŠããããšãããäžè²«æ§ã®ããæ¹æ³ã§èšèšãããŠããªããããã«ããŠã§ãã®ç¬ç¹ã®ç¹æ§ã«ããããã°ãä¿®æ£ãããåã«ãã°ã«äŸåããæ¹æ³ã§ã³ã³ãã³ãããã°ãã°æå³ããæžããããããå®è£ ãã°ã¯ãã³ãã³ããã¡ã¯ãã¹ã¿ã³ããŒãã«ãªã£ãŠãããä»ã§ã¯ããžã¥ãŒã«ã¹ã¿ã³ããŒãã«ãªã£ãŠããã
ãã®ãããªç¶æ³ã«ãããããããäžå®ã®èšèšç®æšã«å·çãã詊ã¿ããªãããŠããããããã¯ã次ç¯ã§èª¬æããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãŠã§ãèè ããã«ãã¹ã¬ããåŠçã®è€éãã«è§Šããããããšãåé¿ããããã«ãHTMLãšDOM APIã¯ãã¹ã¯ãªãããä»ã®ã¹ã¯ãªããã®åæå®è¡ãæ€åºããªãããã«èšèšãããŠãããã¯ãŒã«ãŒã®å Žåã§ããå®è£ ã®åäœã¯ããã¹ãŠã®ã°ããŒãã«å ã§ãã¹ãŠã®ã¹ã¯ãªããã®å®è¡ãå®å šã«ã·ãªã¢ã«åãããšèããããšãã§ããããšãæå³ãããŠããã
ãã®äžè¬çãªèšèšååã®äŸå€ã¯ãJavaScript SharedArrayBufferã¯ã©ã¹ã§ãããSharedArrayBufferãªããžã§ã¯ãã䜿çšãããšãä»ã®ãšãŒãžã§ã³ãã®ã¹ã¯ãªãããåæã«å®è¡ãããŠããããšãå®éã«ã¯èгå¯ããããšãã§ãããããã«ãJavaScriptã¡ã¢ãªãŒã¢ãã«ã®ãããã·ãªã¢ã©ã€ãºãããã¹ã¯ãªããã®å®è¡ã«ãã£ãŠè¡šçŸã§ããªãã ãã§ãªãããããã®ã¹ã¯ãªããéã§ã®ã·ãªã¢ã©ã€ãºãããã¹ããŒãã¡ã³ãã®å®è¡ã«ãã£ãŠè¡šçŸã§ããªãç¶æ³ãããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLã¯ãå®å šãªæ¹æ³ã§ã»ãã³ãã£ãã¯ã¹ã远å ããããã«äœ¿çšã§ããåºç¯ãªé åã®æ¡åŒµæ§ã¡ã«ããºã ãæã€ïŒ
èè
ã¯ãæãé©åãªæ¢åã®"æ¬ç©ã®"HTMLèŠçŽ ã䜿çšãã€ã€ã广çã«ç¬èªã®èŠçŽ ãäœæãããèŠçŽ ãæ¡åŒµããããã®class屿§ã䜿çšã§ããããã®ããæ¡åŒµãç¥ããªããã©ãŠã¶ãŒããã³ä»ã®ããŒã«ã¯å€å°ã§ãé©åã«ãµããŒãã§ãããããšãã°ãããã¯ãã€ã¯ããã©ãŒãããã§äœ¿çšãããæ¹éã§ããã
èè
ã¯ãdata-*=""屿§ã䜿çšããŠåŠçããããã®ãã€ã³ã©ã€ã³ã®ã¯ã©ã€ã¢ã³ããµã€ãã¹ã¯ãªãããŸãã¯ãµã€ãå
šäœã®ãµãŒããŒãµã€ãã¹ã¯ãªããã®ããŒã¿ãå«ãããšãã§ããããããã¯æ±ºããŠãã©ãŠã¶ãŒã«ãã£ãŠè§Šããããªãããšãä¿èšŒãããã¹ã¯ãªãããæ¢ãããã³å®è¡ã§ããHTMLèŠçŽ ã§ããŒã¿ãã¹ã¯ãªããã«å«ãããšãå¯èœã«ããã
èè
ã¯ãããŒãžå
šäœã®ã¡ã¿ããŒã¿ãå«ã<meta name="" content="">ã¡ã«ããºã ã䜿çšã§ããã
èè
ã¯ããªã³ã¯ã¿ã€ãã®å®çŸ©æžã¿éåã®æ¡åŒµãç»é²ããããšã«ãããç¹å®ã®æå³ãæã€ãªã³ã¯ã«æ³šéãä»ããrel=""ã¡ã«ããºã ã䜿çšã§ãããããã¯ããã€ã¯ããã©ãŒãããã§ã䜿çšãããã
èè
ã¯ãã€ã³ã©ã€ã³ãŸãã¯ãµãŒããŒãµã€ãã¹ã¯ãªããã«ãããããªãåŠçã®ããã®ã«ã¹ã¿ã ã¿ã€ããšãšãã«ã<script type="">ã¡ã«ããºã ãçšããŠçããŒã¿ãåã蟌ãããšãã§ããã
èè ã¯ãJavaScriptãããã¿ã€ãã³ã°ã®ã¡ã«ããºã ã䜿çšããŠAPIãæ¡åŒµããããšãã§ãããããšãã°ãããã¯ãåºãã¹ã¯ãªããã©ã€ãã©ãªãŒã«ãã£ãŠäœ¿çšãããã
èè
ã¯ãä»ã®ã¢ããªã±ãŒã·ã§ã³ããã³ãµã€ãã§å
±æããããŒã¿ã®ãã¹ããããåå-å€ãã¢ãåã蟌ãããã«ãã€ã¯ãããŒã¿æ©èœïŒitemscope=""ããã³itemprop=""屿§ïŒã䜿çšããããšãã§ããã
èè ã¯ãã«ã¹ã¿ã èŠçŽ ãå®çŸ©ãå ±æã䜿çšããŠãHTMLã®èªåœãæ¡åŒµããããšãã§ããã劥åœãªã«ã¹ã¿ã èŠçŽ åã®èŠä»¶ã¯ãåæ¹äºææ§ãä¿èšŒããïŒå°æ¥ããã€ãã³ãå«ãããŒã«ã«åãæã€HTMLãSVGããŸãã¯MathMLã«èŠçŽ ã远å ãããªããªãããïŒã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯ãææžãã¢ããªã±ãŒã·ã§ã³ãèšè¿°ããããã®æœè±¡çãªèšèªãããã³ãã®èšèªã䜿çšãããªãœãŒã¹ã®ã¡ã¢ãªãŒå 衚çŸãšæ å ±äº€æããããã®APIãå®çŸ©ããã
ã¡ã¢ãªãŒå 衚çŸã¯ç¥ããŠ"DOM HTML"ããŸãã¯"DOM"ãšããŠç¥ãããŠããã
ãã®æœè±¡çãªèšèªã䜿çšãããªãœãŒã¹ãéä¿¡ããããã«äœ¿çšã§ããçš®ã ã®å ·äœçãªæ§æãååšãããã®ä»æ§ã§å®çŸ©ããããã®ã2ã€ååšããã
1ã€ç®ã®ãã®ãããªå
·äœçãªæ§æã¯ãHTMLæ§æã§ãããããã¯ãã»ãšãã©ã®èè
ã®ããã®æšå¥šããã圢åŒã§ãããã»ãšãã©ã®ã¬ã¬ã·ãŒãŠã§ããã©ãŠã¶ãŒãšäºææ§ããããææžãtext/html MIMEã¿ã€ãã§éä¿¡ãããå ŽåããŠã§ããã©ãŠã¶ãŒã«ãã£ãŠHTMLææžãšããŠåŠçãããããã®ä»æ§ã¯"HTML"ãšããŠç¥ãããææ°ã®HTMLæ§æãå®çŸ©ããã
2ã€ç®ã®å
·äœçãªæ§æã¯ãXMLæ§æã§ãããææžãapplication/xhtml+xmlã®ãããªXML MIMEã¿ã€ãã§éä¿¡ãããå ŽåããŠã§ããã©ãŠã¶ãŒã«ããXMLææžãšããŠåŠçãããXMLããã»ããµãŒã«ããè§£æããããèè
ã¯ãXMLãšHTMLã®åŠçãç°ãªãããšã«æ³šæããããšããããäºçŽ°ãªæ§æãšã©ãŒããXMLãšããŠã©ãã«ä»ããããææžãå®å
šã«ã¬ã³ããªã³ã°ããã®ãäžæ¢ãããããšã«æ³šæãããäžæ¹ãHTMLæ§æã§ã¯ç¡èŠãããã
HTMLã®ããã®XMLæ§æã¯ã以åã«"XHTML"ãšåŒã°ããŠãããããã®ä»æ§ã§ã¯ãã®çšèªã䜿çšããªãïŒä»ã«ãçç±ã¯ããããMathMLãSVGã®HTMLæ§æã«ãã®ãããªçšèªã¯äœ¿çšãããªãããïŒã
DOMãHTMLæ§æãããã³XMLæ§æã¯ããã¹ãŠåãã³ã³ãã³ãã衚ãããšã¯ã§ããªããããšãã°ãåå空éã¯HTMLæ§æã䜿çšããŠè¡šçŸã§ããªãããDOMãšXMLæ§æã§ãµããŒãããããåæ§ã«ãnoscriptã®æ©èœã䜿çšããææžã¯ãHTMLæ§æã䜿ã£ãŠè¡šãããšãã§ããããDOMãŸãã¯XMLæ§æã§è¡šãããšãã§ããªããæåå"-->"ãå«ãŸããã³ã¡ã³ãã¯ãHTMLãšXMLæ§æã§ã¯è¡šãããDOMã§ã®ã¿è¡šãããšãã§ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
ãã®ä»æ§ã¯æ¬¡ã®äž»èŠãªç« ã§æ§æãããïŒ
EventSourceãšããŠç¥ããããµãŒããŒããã·ã¥ãªã€ãã³ãã¹ããªãŒã ã¡ã«ããºã ãããã³Web SocketsãšããŠç¥ãããã¹ã¯ãªããã«å¯Ÿããåæ¹åå
šäºéãœã±ãããããã³ã«ãå°å
¥ãããæ§åŒã®æ©èœããã³IANAèæ ®ã®ãªã¹ããšãã£ãä»é²ãååšããã
ãã®ä»æ§ã¯ãä»ã®ä»æ§åæ§ã«èªãã¹ãã§ããããŸãã衚çŽããçµãããŸã§è€æ°åèªãã¹ãã§ããããããŠãå°ãªããšã1åã¯åŸãããèªãã¹ãã§ãããããããã³ã³ãã³ãã®ãªã¹ãããã©ã³ãã ã«ç« ãéžã³ããã¹ãŠã®çžäºåç §ããã©ã£ãŠèªãã¹ãã§ããã
äžèšã®é©åæ§èŠä»¶ã®ç« ã§èª¬æãããããã«ããã®ä»æ§ã¯ãé©åæ§ã®æ§ã ãªã¯ã©ã¹ã®é©ååºæºãèšè¿°ããŠãããå ·äœçã«ã¯ãããšãã°èè ããã³èè ãäœæããææžãšãã£ããããã¥ãŒãµãŒã«é©çšãããé©åæ§èŠä»¶ãšãããšãã°ãŠã§ããã©ãŠã¶ãŒãšãã£ããã³ã³ã·ã¥ãŒããŒã«é©çšãããé©åæ§èŠä»¶ãããããããã¯ãå¿ èŠãšããŠãããã®ã«ãã£ãŠåºå¥ããããšãã§ããããããã¥ãŒãµãŒã«å¯ŸããèŠä»¶ã¯èš±å¯ããããã®ãèšèŒããäžæ¹ã§ã³ã³ã·ã¥ãŒããŒã«å¯ŸããèŠä»¶ã¯ã©ã®ããã«ãœãããŠã§ã¢ãåäœããããèšèŒããã
ããšãã°ãèš±å¯ãããå€ãã¬ã€ã¢ãŠããããšããŠã"foo屿§ã®å€ã劥åœãªæŽæ°ã§ãªããã°ãªããªã"ãšããã®ã¯ãããã¥ãŒãµãŒã«ã€ããŠã®èŠä»¶ã§ããã察ç
§çã«ã"fooã®å±æ§ã®å€ãæ§æè§£æã®æŽæ°ã®ããã®èŠåã䜿çšããŠè§£æããªããã°ãªããªã"ãšããã®ã¯ã³ã³ã·ã¥ãŒããŒã«å¯ŸããèŠä»¶ã§ãããã³ã³ãã³ããåŠçããæ¹æ³ã«ã€ããŠèª¬æããã
ãããã¥ãŒãµãŒã«ã€ããŠã®èŠä»¶ã¯ãã³ã³ã·ã¥ãŒããŒã«ãŸã£ããäœã®é¢ä¿ããªãã
äžèšã®äŸãç¶ãããšãç¹å®ã®å±æ§å€ã劥åœãªæŽæ°ãšããŠææãããŠãããšããèŠä»¶ã¯ãã³ã³ã·ã¥ãŒããŒã®èŠä»¶ã«ã€ããŠäœããæå³ãããã®ã§ã¯ãŸã£ãããªããã³ã³ã·ã¥ãŒããŒãå®éã«äžæãªæååãšããŠå±æ§ãæ±ãããšãèŠæ±ãããã®å€ãèŠä»¶ãåŠãã«é©åããŠãããã©ããã«ãŸã£ãã圱é¿ããªããããããªããã³ã³ã·ã¥ãŒããŒãã劥åœãªïŒãã®å Žåã¯æ°ã§ãªãïŒå€ãåŠçãããæ¹æ³ãå®çŸ©ããç¹å®ã®èŠåã䜿çšããŠå€ãè§£æããããšãïŒåã®äŸã®ããã«ïŒå¿ èŠã§ãããããããªãã
ããã¯ãå®çŸ©ãèŠä»¶ããŸãã¯èª¬æã§ããã
ããã¯æ³šã§ããã
ããã¯äŸã§ããã
ããã¯æªè§£æ±ºã®åé¡ã§ããã
ããã¯èŠåã§ããã
[Exposed =Window ]
interface Example {
// this is an IDL definition
};
variable = object.method([optionalArgument])ããã¯ã€ã³ã¿ãŒãã§ã€ã¹ã®äœ¿çšæ³ãèè ã«èª¬æããæ³šã§ããã
/* ããã¯CSSæçã§ãã */
çšèªã®å®çŸ©äŸã¯ãã®ããã«ããŒã¯ã¢ãããããããã®çšèªã®äœ¿çšã¯ããã®ããã«ãŸãã¯ãã®ããã«ããŒã¯ã¢ãããããã
èŠçŽ ã屿§ããŸãã¯APIã®å®çŸ©äŸã¯ãã®ããã«ããŒã¯ã¢ãããããããã®èŠçŽ ã屿§ããŸãã¯APIãžã®åç
§ã¯ããã®ããã«ããŒã¯ã¢ãããããã
ãã®ä»ã®ã³ãŒãæçã¯ããã®ããã«ããŒã¯ã¢ãããããã
倿°ã¯ããã®ããã«ããŒã¯ã¢ãããããã
ã¢ã«ãŽãªãºã ã«ãããŠãåæã»ã¯ã·ã§ã³ã§ã®ã¹ãããã¯ãâã§ããŒã¯ãããã
å Žåã«ãã£ãŠã¯ãèŠä»¶ã¯æ¡ä»¶ãšå¯Ÿå¿ããèŠä»¶ãšãšãã«ãªã¹ãã®åœ¢ã§äžããããããã®ãããªå ŽåãããšãèŠä»¶ã«å¯Ÿããæ¡ä»¶ã®è€æ°ã®éåã§ããå Žåã§ãã£ãŠããæ¡ä»¶ã«é©çšãããèŠä»¶ã¯åžžã«ãæ¡ä»¶ã«åŸãèŠä»¶ã®æåã®éåã§ãããæ¬¡ã®ããã«ãã®ãããªäŸãæç€ºãããïŒ
ãã®ç¯ã¯éèŠç¯çã§ããã
åºæ¬çãªHTMLææžã¯æ¬¡ã®ããã«ãªãïŒ
<!DOCTYPE html>
< html lang = "en" >
< 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 >
屿§ã¯éå§ã¿ã°ã®å
éšã«çœ®ããã"="æåã§åºåãããååãšå€ã§æ§æãããã屿§å€ãASCIIç©ºçœæåãŸãã¯ä»»æã®" ' ` = < >ãå«ãŸãªãå Žåã屿§å€ã¯åŒçšç¬Šã§å²ãŸãªããŸãŸã«ã§ãããããã§ãªããã°ãåäžåŒçšç¬ŠãŸãã¯äºéåŒçšç¬Šã®ããããã䜿çšããŠãåŒçšç¬Šã§å²ãå¿
èŠããããå€ã空æååã®å Žåã"="æåãšãšãã«å€ãå®å
šã«çç¥ã§ããã
<!-- 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ããªãŒã«å€æãããïŒ
ãã®ããªãŒã®ææžèŠçŽ ã¯ãåžžã«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 ]; // obtain the first link in the document
a. href = 'sample.html' ; // change the destination URL of the link
a. protocol = 'https' ; // change just the scheme part of the URL
a. setAttribute( 'href' , 'https://example.com/' ); // change the content attribute directly
HTMLææžãå®è£ ïŒç¹ã«ãŠã§ããã©ãŠã¶ãŒã®ãããªå¯Ÿè©±çãªå®è£ ïŒã«ãã£ãŠåŠçããã³è¡šç€ºããããšãã«ãHTMLææžã衚çŸããããã®ææ®µãšããŠDOMããªãŒã¯äœ¿çšãããã®ã§ããã®ä»æ§ã§ã¯ã倧éšåãäžèšã®ããŒã¯ã¢ããã®ä»£ããã«DOMããªãŒã®çšèªã§èšè¿°ãããã
HTMLææžã¯ãã¡ãã£ã¢ã«äŸåããªã察話çãªã³ã³ãã³ãã®èšè¿°ã衚ããHTMLææžã¯ãç»é¢ã§ãé³å£°ã·ã³ã»ãµã€ã¶ãŒãéããŠããŸãã¯ç¹åãã£ã¹ãã¬ã€ã§ã¬ã³ããªã³ã°ããããããããªãããã®ãããªã¬ã³ããªã³ã°ãè¡ãããæ¹æ³ã«åœ±é¿ãäžããããã«ãèè ã¯CSSãªã©ã®ã¹ã¿ã€ã«èšèªã䜿çšã§ããã
次ã®äŸã«ãããŠãCSSã䜿çšããããŒãžã¯ãéå°ã«é»ãšãªã£ãŠããã
<!DOCTYPE html>
< html lang = "en" >
< 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"ã®æŠå¿µã«åºã¥ããŠãããããã«å¯Ÿå¿ããŠãŠã§ãäžã§æœåšçãªæ»æã®å€ãã¯ãçæå ããŸããã æ¯ãèãã䌎ããšãããã[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ãäœæããå¯èœæ§ãããïŒ
https://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ã被害è
ã®ãµã€ãã«é
眮ãããŠãŒã¶ãŒããªã¢ã¯ã·ã§ã³ã²ãŒã ããã¬ã€ããããšã«ãã£ãŠãã¯ãªãã¯ãããããŠãŒã¶ãŒã«ãããå ŽåããŠãŒã¶ãŒãã ãŸã1ã€ã®ææ®µã§ãããã²ãšãã³ãŠãŒã¶ãŒãã²ãŒã ããã¬ã€ãããšãæµå¯Ÿãµã€ãã¯ãŠãŒã¶ãŒãã¯ãªãã¯ããããšãããšåæã«ããŠã¹ã«ãŒãœã«ã®äžã«iframeãé
眮ã§ãããããããŠè¢«å®³è
ãµã€ãã®ã€ã³ã¿ãŒãã§ã€ã¹ãã¯ãªãã¯ããããã«ãŠãŒã¶ãŒãéšãã
ãããåé¿ããããã«ããã¬ãŒã ã«äœ¿çšãããããšãäºæ³ããªããµã€ãã¯ãïŒããšãã°top屿§ã®å€ã«windowãªããžã§ã¯ããæ¯èŒããããšã«ãã£ãŠïŒãã¬ãŒã ã«ãªãããšãæ€åºããå Žåã®ã¿ããããã®ã€ã³ã¿ãŒãã§ã€ã¹ãæå¹ã«ããããšãä¿é²ããã
ãã®ç¯ã¯éèŠç¯çã§ããã
HTMLå ã®ã¹ã¯ãªããã¯"å®è¡ããå®äºãŸã§"ã®ã»ãã³ãã£ãã¯ã¹ããããããã¯ãã€ãã³ããçºç«ãŸãã¯ææžãè§£æãç¶ãããªã©ãã»ãã«äœããå®è¡ããåã«ãäžè¬ã«ãã©ãŠã¶ãŒã¯éåããã¹ã¯ãªãããå®è¡ããããšãæå³ããã
äžæ¹ãHTMLãã¡ã€ã«ã®è§£æã¯å¢å çã«çºçãããããã¯ãããŒãµãŒãã¹ã¯ãªãããå®è¡ã§ããããä»»æã®æç¹ã§äžæåæ¢å¯èœã§ããããšãæå³ãããããã¯äžè¬ã«è¯ãããšã§ããããã€ãã³ããçºç«ããå¯èœæ§ãã§ããåŸã«ãèè ã¯ã€ãã³ããã³ãã©ãŒãããã¯ããã®ãé¿ããããæ³šæããå¿ èŠãããããšãæå³ããã
ããã確å®ã«è¡ããã€ãã³ããã³ãã©ãŒã®ã³ã³ãã³ã屿§ã䜿çšããããŸãã¯èŠçŽ ãäœæããŠåãã¹ã¯ãªããå ã§ã€ãã³ããã³ãã©ãŒã远å ãããšãã2ã€ã®æ¹æ³ããããåè¿°ã®ããã«ã远å ã®ã€ãã³ããçºåããåã«ãã¹ã¯ãªãããå®äºãããŸã§å®è¡ãããŠãããããåŸè ã¯å®å šã§ããã
ãããæç€ºããããšãã§ãã1ã€ã®æ¹æ³ã¯ã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 >
ãã®ç¯ã¯éèŠç¯çã§ããã
èè ã¯ãããç®ã«ãã誀ããèŠã€ããé©åæ§ãã§ãã«ãŒïŒããªããŒã¿ãŒãšãåŒã°ããïŒãå©çšããããšãæšå¥šããããWHATWGã¯ãã®ãããªããŒã«ã®ãªã¹ããç¶æããïŒhttps://whatwg.org/validator/
ãã®ç¯ã¯éèŠç¯çã§ããã
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ããŒãµãŒã«æ¥ç¶ãããå Žåãããšãã°èŠçŽ ãŸãã¯å±æ§åãè€æ°ã®ã³ãã³ãäžåå«ãŸãªãããã«ãXMLãHTMLãã¡ã€ã«ã«ãã䟵害ãããããšã匷èŠããç¹å®ã®äžå€æ¡ä»¶ãå¯èœã§ããããããåŠçãããšãããŒãµãŒãXMLäºæinfosetã«HTML DOMã匷èŠããããšãèŠæ±ã§ããããã®ãããªåŠçãèŠæ±ããã»ãšãã©ã®æ§ææ§é ã¯åŠ¥åœã§ãªããšã¿ãªããããïŒ2åé£ç¶ãã€ãã³ãå«ãããŸãã¯ãã€ãã³ã§çµããã³ã¡ã³ãã¯ãHTMLæ§æã§èš±å¯ãããäŸå€ã§ãããïŒ
ç¹å®ã®æ§ææ§é ã¯äžåè¡¡ãªããã©ãŒãã³ã¹ã®äœäžã«ã€ãªããããšãããããã®ãããªæ§é ã®äœ¿çšãæããšã©ãŸãããããã«ãå žåçãªäžé©åãšããã
ããšãã°ããã¹ãŠã®éããããŠããªãièŠçŽ ãåæ®µèœã§åæ§æãããªããã°ãªããªãããã«ã次ã®ããŒã¯ã¢ããã¯ããã©ãŒãã³ã¹ã®äœäžããããããåæ®µèœã§æ¬¡ç¬¬ã«ããå€ãã®èŠçŽ ãããããïŒ
< p >< i > She dreamt.
< p >< i > She dreamt that she ate breakfast.
< p >< i > Then lunch.
< p >< i > And finally dinner.
ãã®æçã«å¯ŸããŠåŸãããDOMã¯æ¬¡ã®ããã«ãªãïŒ
æŽå²çãªçç±ã«ãããæ¯èŒçå£ããããæ§ææ§é ãååšããããã®ãããªåé¡ã«å¶çºçã«é¥ããŠãŒã¶ãŒã®æ°ãæžããããã«ãããããé©åããªãããã«ããã
ããšãã°ã屿§ã«ãããæå®æååç §ã®ç¹å®ã®æ§æè§£æã¯ãéãã»ãã³ãã³ãçç¥ãããŠãèµ·ãããæå®æååç §ã圢æããªãæåãç¶ãã¢ã³ããµã³ããå«ãã®ã¯å®å šã§ãããããã®æåãæå®æååç §ã圢æããæååã«å€æŽãããå Žåããã®æååã¯ä»£ããã«æåãšããŠè§£éãããã ããã
æ¬¡ã®æçã§ã屿§å€ã¯"?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 is ok, since it's not a named character reference -->
< a href = "?art&copy" > Art and Copy</ a > <!-- the & has to be escaped, since © is a named character reference -->
ç¹å®ã®æ§ææ§é ã¯ãã¬ã¬ã·ãŒãŠãŒã¶ãŒãšãŒãžã§ã³ãã§ã¯ç¹ã«åŸ®åŠãŸãã¯é倧ãªåé¡ãåŒãèµ·ããããšãç¥ãããŠããããããã£ãŠèè ãåé¿ããã®ãå©ããããã«äžé©åãšããŠããŒã¯ãããã
ããšãã°ãããã¯U+0060 GRAVE ACCENTæåïŒ`ïŒãåŒçšç¬Šãªãã®å±æ§ã§èš±å¯ãããªãçç±ãšãªããç¹å®ã®ãŠãŒã¶ãŒãšãŒãžã§ã³ãã«ãããŠãããã¯æã«åŒçšç¬ŠãšããŠæ±ãããã
ãã1ã€ã®äŸã¯ãéäºæã¢ãŒãã®ããªã¬ãŒã«å¿ èŠãª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èŠçŽ ããã¹ãããã®ãšåãç®çãæããããåŸè
ã¯ã€ã³ã©ã€ã³ããã¯ã¹ã«ãããã¯ããã¯ã¹ãå«ã¿ããã®çµã¿åããã¯èš±å¯ãããªãã
ãã1ã€ã®äŸã¯ãã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãã¯å
¥ãåã«ã§ããªãããšã ãããããšãã°ã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 >
ããã¯ãæ£ç¢ºã«æ¬¡ã®ããã«è§£æãããïŒ
< p > Welcome. </ p >< form >< label > Name:</ label > < input ></ form >
äžéšã®ãšã©ãŒã¯ããããã°å°é£ã ããã¹ã¯ãªããã®åé¡ãé²ãæå©ããæå³ããŠããã
äŸãã°ãåãå€ãæã€2ã€ã®id屿§ãæã€ããšã¯äžé©åã§ããçç±ãšãªããäºéã®IDã¯ãæã«ã¯æ²æšãªçµæãšãã®åå ãç©¶æããã®ãå°é£ã«ãããšãšãã«ãééã£ãèŠçŽ ã®éžæãããããã
äžéšã®æ§é ã¯èš±å¯ãããªãããªããªãããã®ãããªæ§é ã¯æŽå²çã«ç¡é§ãªãªãŒãµãªã³ã°æéã®å€ãã®åå ã§ããããã®æ§é ãé¿ããããèè ã«æšå¥šããããšã§ãèè ã¯å°æ¥ã®åãçµã¿ã«æéãç¯çŽã§ããããã§ããã
ããšãã°ãscriptèŠçŽ ã®src屿§ã¯ãèŠçŽ ã®å
容ãç¡èŠãããããããããã¯æããã§ãªããç¹ã«èŠçŽ ã®å
容ãå®è¡å¯èœãªã¹ã¯ãªããã®ããã«èŠããå Žåãã¹ã¯ãªãããå®è¡ãããªãããšã«æ°ã¥ãããšãªããèè
ãã€ã³ã©ã€ã³ã¹ã¯ãªããããããã°ãããããå€ãã®æéãè²»ããããšã«ã€ãªããã ããããã®åé¡ã軜æžããããããã®ä»æ§ã¯src屿§ãååšããå ŽåãscriptèŠçŽ å
ã«å®è¡å¯èœãªã¹ã¯ãªãããäžé©åãšãããããã¯ãææžãæ€èšŒããèè
ãããã®çš®ã®èª€ããšãšãã«æéãç¡é§ã«ããå¯èœæ§ãäœãããããšãæå³ããã
äžéšã®èè ã¯ãXMLãšHTMLã®äž¡æ¹ã§åæ§ã®çµæã«è§£éå¯èœãªãã¡ã€ã«ãæžãããšã奜ãããã®ç¿æ £ã¯ç¡æ°ã®åŸ®åŠãªå°é£ãïŒç¹ã«ã¹ã¯ãªãããã¹ã¿ã€ã«ããŸãã¯èªååãããã·ãªã¢ã©ã€ãŒãŒã·ã§ã³ã®ä»»æã®çš®é¡ãå«ãå ŽåïŒã®ããã«äžè¬çã«æšå¥šãããªãããã©ãããã®ä»æ§ã¯ãå°ãªããšãå€å°ã®å°é£ã®è»œæžãæå³ããããã€ãã®å¶çŽããããããã¯ãèè ãHTMLãšXMLãšã®éã§ç§»è¡ããå Žåã«éæž¡çãªæ®µéãšããŠå®¹æã«äœ¿çšã§ããããã«ããã
ããšãã°ãlangãšxml:langãšãã屿§ã2ã€ã®åæãç¶æããããšãç®çãšããããè€éãªèŠåãããã
ãã1ã€ã®äŸã¯ãé©åææžäžã®èŠçŽ ããHTMLãŸãã¯XMLãšããŠåŠçãããã©ãããåãåå空éã«çµããããšã®ç¢ºèªãæå³ããããããªHTMLã·ãªã¢ã©ã€ãŒãŒã·ã§ã³ã§xmlns屿§ã®å€ãå¶éããã ããã
èšèªã®ä»åŸã®æ¹æ£ã§æ°ããæ§æãå¯èœã«ããããã«æå³ãããæ§æã®å¶éãšåæ§ã«ãèŠçŽ ã屿§å€ã®å 容ã¢ãã«ã«å¯Ÿããäžéšã®å¶éã¯ãHTMLèªåœã®å°æ¥ã®æ¡åŒµãå¯èœã«ããããã«æå³ãããŠããã
ããšãã°ãU+005F LOW LINEæåïŒ_ïŒã§å§ãŸãtarget屿§å€ãç¹å®ã®äºåã«å®çŸ©ãããå€ã®ã¿ã«å¶éããããšã¯ãæ°ããªäºåå®çŸ©ãããå€ããèè
ãå®çŸ©ããå€ãšç«¶åããããšãªãå°æ¥ã®æç¹ã§å°å
¥ããããšãã§ããã
äžå®ã®å¶çŽã¯ä»ã®ä»æ§ã«ãã£ãŠäœãããå¶çŽã®ãµããŒããæå³ããã
ããšãã°ãã¡ãã£ã¢ã¯ãšãªãŒãåã屿§ã劥åœãªã¡ãã£ã¢ã¯ãšãªãŒã®ã¿ã®äœ¿çšãèŠæ±ããããšã¯ããã®ä»æ§ã®é©åèŠåã«åŸãããšã®éèŠæ§ã匷調ããŠããã
ãã®ç¯ã¯éèŠç¯çã§ããã
æ¬¡ã®ææžã¯ããã®ä»æ§æžã®èªè ãèå³ããã€ãããããªãã
ãã®ã¢ãŒããã¯ãã£ãŒã®ä»æ§ã¯ãUnicodeæšæºãšISO/IEC 10646ã§å ±åå®çŸ©ããåœéæåéåãšããŠããŠã§ãäžã§çžäºéçšå¯èœãªããã¹ãæäœã®ããã®å ±éã®åºæºã仿§æžã®èè ããœãããŠã§ã¢éçºè ãããã³ã³ã³ãã³ãéçºè ã«æäŸãããããŒãã¯ãçšèª'æå'ã'ãšã³ã³ãŒãã£ã³ã°'ããã³'æåå'ã®äœ¿çšãåç §åŠçã¢ãã«ãæåãšã³ã³ãŒãã£ã³ã°ã®èå¥ããã³éžæãæåãšã¹ã±ãŒãããªãã³ã«æååã®çŽ¢åŒä»ããå«ã察åŠã§ããã
Unicodeã¯æ¥µããŠå€æ°ã®æåãå«ã¿ãäžçã®æ§ã ãªæžèšäœç³»ãå å«ããããã誀ã£ãäœ¿çšæ¹æ³ã¯ãããã°ã©ã ãŸãã¯ã·ã¹ãã ãã»ãã¥ãªãã£æ»æã«ãããå¯èœæ§ããããæ¬¡ã ã«è£œåã¯åœéåãããã®ã§ãããã¯ç¹ã«éèŠã§ããããã®ææžã¯ãããã°ã©ããŒãã·ã¹ãã ã¢ããªã¹ããèŠæ Œã®éçºè ãããã³ãŠãŒã¶ãŒãèæ ®ãã¹ãã»ãã¥ãªãã£äžã®èæ ®äºé ã®äžéšã«ã€ããŠèª¬æããåé¡ã®ãªã¹ã¯ã軜æžããããã«æç¢ºãªæšå¥šäºé ãæäŸããã
ãŠã§ãã³ã³ãã³ãã»ã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒWCAGïŒã¯ããŠã§ãã³ã³ãã³ããããã¢ã¯ã»ã·ãã«ã«ããããã®å¹ åºãæšå¥šäºé ãæ±ãããã®ã¬ã€ãã©ã€ã³ã«åŸãããšã«ãããå šç²ããã³ããŒããžã§ã³ãããããã³é£èŽãåŠç¿é害ãèªç¥å¶éãéåå¶éãèšèªé害ãå éææ§çºäœãªãã³ã«ãããã®çµã¿åãããæã€äººã ã®åºãç¯å²ã«ã¢ã¯ã»ã·ãã«ãªã³ã³ãã³ããæäŸã§ããããã®ã¬ã€ãã©ã€ã³ã«åŸãããšã¯ãŸããå€ãã®å Žåäžè¬ã®ãŠãŒã¶ãŒã«å¯ŸããŠãŠã§ãã³ã³ãã³ãããã䜿ããããããã
ãã®ä»æ§ã¯ãé害ããã€äººã ã«å¯ŸããŠããã¢ã¯ã»ã·ãã«ãªãŠã§ãã³ã³ãã³ãã®ãªãŒãµãªã³ã°ããŒã«ãèšèšããããã®ã¬ã€ãã©ã€ã³ãæäŸããããã®ã¬ã€ãã©ã€ã³ã«é©åãããªãŒãµãªã³ã°ããŒã«ã¯ãé害ããã€èè ã ãã§ãªãããã¹ãŠã®èè ã«ãã£ãŠã¢ã¯ã»ã·ãã«ãªãŠã§ãã³ã³ãã³ãã®çæãæå¹ã«ããæ¯æŽããä¿é²ããããšã«ãããèè ã«ã¢ã¯ã»ã·ãã«ãªãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ãæäŸããããšã«ãã£ãŠãã¢ã¯ã»ã·ããªãã£ãæšé²ããã
ãã®ææžã¯ãé害ã®ãã人ã ã«å¯ŸãããŠã§ãã¢ã¯ã»ã·ããªãã£ã®ããäœãéå£ã®ãŠãŒã¶ãŒãšãŒãžã§ã³ããèšèšããããã®ã¬ã€ãã©ã€ã³ãæäŸããããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ããŠã§ãã³ã³ãã³ããååŸããŠã¬ã³ããªã³ã°ãããã©ãŠã¶ãŒããã³ä»ã®çš®é¡ã®ãœãããŠã§ã¢ãå«ãããã®ã¬ã€ãã©ã€ã³ã«é©åãããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ãä»ã®æè¡ïŒç¹ã«æ¯æŽæè¡ïŒãšéä¿¡ããèœåãå«ããç¬èªã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ããã³ä»ã®å éšæœèšãä»ããŠã¢ã¯ã»ã·ããªãã£ãæšé²ããããŸããé害ããã€ãŠãŒã¶ãŒã ãã§ãªãããã¹ãŠã®ãŠãŒã¶ãŒã¯ããã䜿çšã«é©ããé©åãŠãŒã¶ãŒãšãŒãžã§ã³ããèŠã€ããã¹ãã§ããã