"HTML5 Differences from HTML4"ïŒHTML4ããã®HTML5ã®å·®åïŒã¯ãHTML4ãšHTML5仿§ã®éãã«ã€ããŠèª¬æããŸãã
ãã®ç¯ã¯ãå ¬éæç¹ã«ããããã®ææžã®ã¹ããŒã¿ã¹ã«ã€ããŠèª¬æãããä»ã®ææžããã®ææžã«åã£ãŠä»£ãããããããªããçŸåšã®W3Cçºè¡ç©ã®ãªã¹ããšãã¯ãã«ã«ã¬ããŒãã®ææ°çã¯ãW3C technical reports index at http://www.w3.org/TR/ã§èŠã€ããããšãã§ããã
ããã¯ãHTMLã¢ã¯ãã£ããã£ã®äžéšã§ããHTMLã¯ãŒãã³ã°ã°ã«ãŒãã«ãã£ãŠè£œäœããã2014幎12æ9æ¥ã®Working Group Noteã§ãããHTMLã¯ãŒãã³ã°ã°ã«ãŒãã¯ãWorking Group NoteãšããŠãã®ææžãçºè¡ããããšãæå³ãããã³ã¡ã³ãã®ããã®é©åãªãã©ãŒã©ã ã¯ãW3C Bugzillaã§ãããïŒpublic-html-comments@w3.orgãå ¬éã¢ãŒã«ã€ãã¡ãŒãªã³ã°ãªã¹ãã¯ããã¯ãã³ã¡ã³ãã远跡ããããã«äœ¿çšãããªããïŒ
W3C Working Group NoteãšããŠã®å ¬éã¯W3Cã¡ã³ããŒã«ããæ¯æãæå³ãããã®ã§ã¯ãªãããã®ææžã¯èæ¡ã§ããããã€ã§ãæŽæ°ãä»ã®ææžã«ãã眮ãæãã廿¢æ±ãã«ãããããé²è¡äžã®äœæ¥ä»¥å€ã®ãã®ãšããŠãã®ææžãåŒçšããããšã¯äžé©åã§ããã
ãã®ææžã¯2004幎2æ6æ¥ã®W3Cç¹èš±ããªã·ãŒã®äžã§æŽ»åããã°ã«ãŒãã«ãã£ãŠäœæããããW3Cã¯ãã°ã«ãŒãã®ææç©ã«é¢ããããããé瀺ç¹èš±ã®å ¬éãªã¹ãã管çãããããã«ã¯ãç¹èš±é瀺ã«ããã£ãŠã®æç€ºãå«ãŸããŠãããç¹èš±ã«ã€ããŠååã«ç¥èã®ãã人ç©ãã仿§ã«Essential Claim(s)ãèªãããããšå€æããå Žåã¯ãW3Cç¹èš±ããªã·ãŒã®ç¬¬6ç« ã«åŸãæ å ±ãé瀺ããå¿ èŠãããã
ãã®ææžã¯ã2005幎10æ14æ¥ã®W3Cããã»ã¹ææžã«ãã£ãŠç®¡çãããã
ãã®ææžã¯ãW3C HTML5仿§ãåãæ±ããŸãããã®ææžã¯ãW3C HTML5.1仿§ããŸãã¯WHATWG HTMLæšæºãåãæ±ããŸããã[HTML5] [HTML5NIGHTLY] [HTML]
HTMLã¯1990幎代ã¯ããã«ã€ã³ã¿ãŒãããã«çºè¡šãããŠããã仿¥ãŸã§é²åãç¶ããŠããŸãããããæ©èœã¯ä»æ§ã§åã蟌ãŸãããŸãããæ©èœã¯ãœãããŠã§ã¢ãªãªãŒã¹ã§åã蟌ãŸããŸãããããã€ãã®ç¹ã§ãå®è£ ãšãŠã§ãéçºã®æ £ç¿ã¯ä»æ§ãæšæºã«èœã¡çããŸããããäžæ¹ã§ããŸãšãŸãããšã¯ãããŸããã§ããã
HTML4ã¯ã1997幎ã«W3Cå§åã«ãªããŸãããHTML4ã¯HTMLã®å€ãã®æ žãšãªãæ©èœã®å€§ãŸããªæéãšããŠåœ¹ç«ã¡ç¶ããŠããŸããããŠã§ãã³ã³ãã³ããšãšãã«ãçžäºéçšå®è£ ãæ§ç¯ããããã®ååã§éèŠãªæ å ±ãæäŸããŠããŸãããåãããšããHTML4ã«XMLã·ãªã¢ã©ã€ãºãšããŠå®çŸ©ããXHTML1ããHTMLãšXHTMLã®äž¡æ¹ã«JavaScript APIãå®çŸ©ããDOM Level 2 HTMLã«ãåœãŠã¯ãŸããŸããHTMLã¯ãããã®ææžã眮ãæããŸãã[DOM2HTML] [HTML4] [XHTML1]
HTML仿§ã¯2004幎ã«éå§ãããçŸä»£çãªHTMLå®è£ ãšãŠã§ãã³ã³ãã³ããç ç©¶ãã詊ã¿ãåæ ããŠããŸãã仿§ã¯ã
HTMLãšåŒã°ãããHTMLæ§æãŸãã¯XMLæ§æã§èšè¿°ããã1ã€ã®èšèªä»æ§ãå®çŸ©ããŸãã
çžäºéçšå¯èœãªå®è£ ãä¿ãããã«ã詳现ãªåŠçã¢ãã«ãå®çŸ©ããŸãã
ææžã®ããŒã¯ã¢ãããæ¹è¯ããŸãã
ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã®ãããªãæ°ãã衚çŸã«å¯ŸããŠããŒã¯ã¢ãããšAPIãåãå ¥ããŸãã
HTML5仿§ã®"ãã®ææžã®ç¶æ "ã®ç¯ãåç §ããŠãã ããã
HTMLã¯ããŠãŒã¶ãŒãšãŒãžã§ã³ããã³ã³ãã³ããåŠçããæ¹æ³ã«ã€ããŠäžäœäºææ§ã®ããæ¹æ³ã§å®çŸ©ãããŠããŸãããŠã§ãéçºè ã«å¯ŸããŠæ¯èŒçåçŽãªèšèªãç¶æããããã«ããã®ææžã®å¥ã®ç¯ã§èª¬æããããããªãããšãã°CSSã䜿çšããŠåŠçããã»ãããã衚çŸã«é¢ããèŠçŽ ãªã©ãè€æ°ã®å€ãèŠçŽ ãšå±æ§ã¯å«ãŸããŠããŸããã
ãããããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯åžžã«å€ãèŠçŽ ãšå±æ§ããµããŒãããå¿
èŠããããŸããããã¯ãHTML仿§ãæç¢ºã«ãŠã§ãéçºè
ïŒä»æ§ã§ã¯ãèè
ããšåŒã°ããŸãïŒãšãŠãŒã¶ãŒãšãŒãžã§ã³ãã«å¯ŸããèŠä»¶ãåãé¢ãçç±ã§ããããšãã°ãããã¯ãŠã§ãéçºè
ãisindexãplaintextèŠçŽ ã䜿çšã§ããªãããšãæå³ããŸããããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ãã©ã®ããã«ãããèŠçŽ ããŠã§ãã³ã³ãã³ãã®äºææ§ã®ããã«æ¯ãèãå¿
èŠããããã«ã€ããŠäºææ§ã®ããæ¹æ³ã§ãããèŠçŽ ããµããŒãããå¿
èŠããããŸãã
HTMLã¯ãŠã§ãéçºè ãšãŠãŒã¶ãŒãšãŒãžã§ã³ãã«åå¥ã®é©åæ§èŠä»¶ãæã£ãŠããã®ã§ãæ©èœããéæšå¥šãïŒdeprecatedïŒãšããŠããŒã¯ããå¿ èŠããªããªããŸããã
HTMLã¯ããŠã§ãäžã§å
¬éãããHTML4ãXHTML1ææžãšã»ãŒäºææ§ã®ãããHTMLæ§æããšåŒã°ããæ§æãå®çŸ©ããŸãããããããã®æ§æã¯åŠçåœä»€ãççž®ããŒã¯ã¢ãããªã©ã®é£è§£ãªSGMLæ©èœãšäºææ§ããããŸãããããã¯ã»ãšãã©ã®ãŠãŒã¶ãŒãšãŒãžã§ã³ãã§ãµããŒããããŠããªãããã§ããHTMLæ§æã䜿çšããææžã¯ãtext/htmlã¡ãã£ã¢ã¿ã€ãã§æäŸãããŠããŸãã
HTMLã¯ãŸãããã®æ§æã«å¯ŸããŠïŒããšã©ãŒåŠçããå«ãïŒè©³çŽ°ãªæ§æè§£æèŠåãå®çŸ©ããŠããŸãããã®æ§æã¯ãHTML4æä»£ã®å®è£
ãšå€§éšåã¯äºææ§ããã€ãã®ã§ãããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ãtext/htmlã¡ãã£ã¢ã¿ã€ããæã€ãªãœãŒã¹ã«å¯ŸããŠããã®èŠåã䜿çšããå¿
èŠããããŸããHTMLæ§æã«é©åããææžã®äŸã¯ã次ã®ããã«ãªããŸãïŒ
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Example document</title>
</head>
<body>
<p>Example paragraph</p>
</body>
</html>
HTMLã§äœ¿çšã§ããããã²ãšã€ã®æ§æã¯XMLã§ãããã®æ§æã¯XHTML1ææžããã³ããã®å®è£
ãšäºææ§ããã¡ãŸãããã®æ§æã䜿çšããææžã¯ãïŒããšãã°application/xhtml+xmlãapplication/xmlã®ãããªïŒXMLã¡ãã£ã¢ã¿ã€ãã§æäŸãããå¿
èŠããããèŠçŽ ã¯XML仿§ã§å®ããããèŠåã«åŸã£ãŠãhttp://www.w3.org/1999/xhtmlåå空éã«çœ®ãããå¿
èŠããããŸãã[XML] [XMLNS]
次ã®äŸã¯ãHTMLã®XMLæ§æã«é©åããææžã®äŸã§ãã
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example document</title>
</head>
<body>
<p>Example paragraph</p>
</body>
</html>
HTMLæ§æã«å¯ŸããŠããŠã§ãéçºè ã¯æåãšã³ã³ãŒãã£ã³ã°ã宣èšããå¿ èŠããããŸããæ¬¡ã®3ã€ã®æ¹æ³ããããŸãïŒ
ãã©ã³ã¹ããŒãã¬ãã«ã§ãããšãã°ãHTTP Content-TypeããããŒãå©çšããŸãã
ãã¡ã€ã«ã®å é ã§Unicode Byte Order Mark (BOM)ãå©çšããŸãããã®æåã¯ã䜿çšãããšã³ã³ãŒãã£ã³ã°ã®ããã®ã·ã°ããã£ãæäŸããŸãã
ææžã®æåã®1024ãã€ãå
ã§ãšã³ã³ãŒãã£ã³ã°ãæå®ããcharset屿§ããã€metaèŠçŽ ãå©çšããŸããããšãã°<meta charset="UTF-8">ã¯ãUTF-8ãšã³ã³ãŒãã£ã³ã°ãæå®ããããã«äœ¿çšã§ããŸããããã¯<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">ã®ããŒãºã眮ãæããŸããããã®æ§æã¯åŒãç¶ãèš±å¯ãããŸãã
XMLæ§æã«å¯ŸããŠããŠã§ãéçºè ã¯æåãšã³ã³ãŒãã£ã³ã°ãæå®ããããã«XML仿§ã«èšèŒãããèŠåã䜿çšããå¿ èŠããããŸãã
HTMLæ§æã¯ããã©ãŠã¶ãŒã«ããŒãžãæšæºã¢ãŒãã§è¡šç€ºããããããDOCTYPEãå¿ é ãšããŠããŸããDOCTYPEã¯ããã以å€ã®ç®çãæã¡ãŸããã[DOCTYPE]
HTMLæ§æã«å¯ŸããDOCTYPE宣èšã¯<!DOCTYPE html>ã«ãªããŸããããã¯å€§æåãšå°æåãåºå¥ããŸãããHTMLèšèªã¯SGMLããŒã¹ã§ãããDTDãžã®åç
§ãå¿
èŠãšããã®ã§ãHTMLã®ä»¥åã®ããŒãžã§ã³ããã®DOCTYPEã¯é·ããªã£ãŠããŸãããããã¯ãã¯ãåé¡ã§ã¯ãªããDOCTYPEã¯HTMLæ§æã§èšè¿°ãããææžã«å¯ŸããŠæšæºã¢ãŒããæå¹ã«ããããã ãã«å¿
èŠãšãããŠããŸãããã©ãŠã¶ãŒã¯ãã§ã«<!DOCTYPE html>ãæšæºã¢ãŒãã®ããªã¬ãŒãšããŠè§£éããŠããŸãã
æšå¥šãããçãDOCTYPEãçæã§ããªãã¬ã¬ã·ãŒãªããŒã¯ã¢ãããžã§ãã¬ãŒã¿ããµããŒãããããã«ãDOCTYPE <!DOCTYPE html SYSTEM "about:legacy-compat">ãHTMLæ§æã§èš±å¯ãããŸãã
HTMLæ§æã§ãHTML4.0ãHTML4.01ãXHTML1.0ãXHTML1.1ã®å³å¯ãªïŒStrictïŒDOCTYPEãèš±å¯ãããŠããŸãïŒãããããå§ãããŸããïŒã
XMLæ§æã§ãã©ã®DOCTYPE宣èšã䜿çšããŠãããããŸãã¯å®å šã«çç¥ããŠãããã§ããããã¯ãXMLã®ã¡ãã£ã¢ã¿ã€ãããã€ææžã¯åžžã«æšæºã¢ãŒãã§è¡šç€ºãããããã§ãã
HTMLæ§æã¯ãææžå
éšã§ã®MathMLãSVGã®äœ¿çšãèš±å¯ããŸããmathãsvgéå§ã¿ã°ã¯ãHTMLããŒãµãŒã«é©åãªåå空éã§èŠçŽ ãšå±æ§ã眮ãç¹æ®ãªæ¿å
¥ã¢ãŒããžåãæ¿ãããã倧æåãšå°æåãæ··åšããèŠçŽ ãšå±æ§ã®æåãä¿®æ£ãããããŠXMLã®ããã«ç©ºèŠçŽ æ§æããµããŒãããŸããæ§æã¯äŸç¶ãšããŠå€§æåãšå°æåãåºå¥ããªãã§ã屿§ã¯HTMLèŠçŽ ã®å Žåãšåãæ§æãèš±å¯ããŸããåå空é宣èšãçç¥ããŠãããã§ããCDATAã»ã¯ã·ã§ã³ã¯ãã®æ¿å
¥ã¢ãŒãã§ãµããŒããããŸãã
HTMLèŠçŽ ãæ°ããmathãsvgèŠçŽ ã䜿çšã§ããããããããã«ãããšãã°mtextãforeignObjectãªã©ãäžéšã®MathMLãšSVGèŠçŽ ã¯ãããŒãµãŒã«ãHTMLã¢ãŒãããžåãæ¿ãããããŸãã
ããšãã°ãæäœéã®ææ³æ©èœã®äžéšã䜿çšãããšãŠãåçŽãªææžã§ã¯ã次ã®ããã«ãªããŸãïŒ
<!doctype html> <title>SVG in text/html</title> <p> A green circle: <svg> <circle r="50" cx="50" cy="50" fill="green"/> </svg> </p>
è§ŠããŠãã䟡å€ã®ããHTMLæ§æã«ãããããã€ãã®å€æŽç¹ããããŸãïŒ
⟨ãš⟩ååæååç
§ã¯çŸåšãããããU+2329ãšU+232AïŒleft/right-pointing angle bracketïŒã®ä»£ããã«ãU+27E8ãšU+27E9 ïŒmathematical left/right angle bracketïŒãŸã§æ¡åŒµããŸãã
MathMLç±æ¥ã®ãã¹ãŠã®ååæååç §ãå«ããå€ãã®æ°ããååæååç §ã远å ãããŠããŸãã
ïŒHTML4ã§"EMPTY"ãšããŠç¥ãããŠããïŒç©ºèŠçŽ ã¯ãæ«å°Ÿã«ã¹ã©ãã·ã¥ãæã€ããšãã§ããŸãã
ã¢ã³ããµã³ãïŒ&ïŒã¯HTML4ãšæ¯ã¹ãŠããå€ãã®å Žåã§ãšã¹ã±ãŒãããªããŸãŸã«ããããšãã§ããŸãã
屿§ã¯ãå°ãªããšã1ã€ã®ç©ºçœæåã§åºåãå¿ èŠããããŸãã
空ã®å€ããã€å±æ§ã¯ãããšã屿§ãçåœå±æ§ã§ãªããŠããçå·ãšå€ãçç¥ãã屿§åã®ã¿ãèšè¿°ããããšãã§ããŸããïŒããã¯ãäžè¬ã«HTML4ã¯ãå€ãçåœå±æ§ã«å¯ŸããŠçç¥ã§ãããšä¿¡ããããŠããŸãããã®ä»£ããã«ãHTML4ã¯åæå±æ§ã«å¯ŸããŠã屿§å€ã®ã¿ã䜿çšãã屿§åãçç¥ã§ããŸãããããã¯ãã©ãŠã¶ãŒã§ãµããŒããããŠããŸããã§ãããïŒ
å€ã®åŒçšç¬Šãçç¥ãã屿§ã¯ãHTML4ãšæ¯ã¹ãŠãã倧ããªæåã»ããã䜿çšã§ããŸãã
HTMLããŒãµãŒã¯ã屿§å€ã«ãããäžåã®ç©ºçœæåã®æ£èŠåãè¡ããŸãããããšãã°ãid屿§ã§å
é ãšæ«å°Ÿã®ç©ºçœã¯ç¡èŠããïŒãããã£ãŠãçŸåšåŠ¥åœã§ã¯ãããŸããïŒãæ¹è¡æåã¯æååç
§ã䜿çšããã«ãinputèŠçŽ ã®value屿§ã§äœ¿çšã§ããŸãã
optgroupçµäºã¿ã°ãçç¥å¯èœã«ãªããŸããã
colgroupéå§ã¿ã°ã¯çç¥å¯èœã«ãªããHTMLããŒãµãŒã«ãã£ãŠæšæž¬ãããŸãã
ããæç¢ºã«HTML4ãšã®éãã説æããããã«ããã®ã»ã¯ã·ã§ã³ã¯è€æ°ã®ãµãã»ã¯ã·ã§ã³ã«åãããŠããŸãã
次ã®èŠçŽ ããããè¯ãæ§é ã®ããã«å°å ¥ãããŸããïŒ
sectionèŠçŽ ã¯ãææžãã¢ããªã±ãŒã·ã§ã³ã®äžè¬çãªã»ã¯ã·ã§ã³ã衚ããŸããããã¯ææžæ§é ã衚ãããã«ãh1ãh2ãh3ãh4ãh5ãh6èŠçŽ ãšå
±ã«äœ¿çšããã¹ãã§ãã
articleèŠçŽ ã¯ããã°ã®ãšã³ããªãæ°èèšäºãªã©ãç¬ç«ããææžã®äžèº«ã®äžéšåã衚ããŸãã
mainèŠçŽ ã¯ãææžãŸãã¯ã¢ããªã±ãŒã·ã§ã³ã®äž»èŠã³ã³ãã³ãã衚ããŸãã
asideèŠçŽ ã¯ãããŒãžã®ãã®ä»ã®å
容ãšã»ãšãã©é¢ä¿ããªããã®ã衚ããŸãã
headerèŠçŽ ã¯ãå°å
¥éšãããã²ãŒã·ã§ã³ã®ã°ã«ãŒãã衚ããŸãã
footerèŠçŽ ã¯ãã»ã¯ã·ã§ã³ã®ããã¿ãŒã衚ããŸããããã¿ãŒã¯äœè
ã«é¢ããæ
å ±ãèäœæš©æ
å ±ãªã©ãå«ãããšãã§ããŸãã
navèŠçŽ ã¯ãææžã®ããã²ãŒã·ã§ã³ãæå³ããã»ã¯ã·ã§ã³ã衚ããŸãã
figureã¯ãå€ãã¯ææžã®äž»ãªãããŒãã1ã€ã®ãŠããããšããŠåç
§ããããèªå·±å®çµãããããŒã³ã³ãã³ãã®äžéšã衚ããŸãã
<figure> <video src="example.webm" controls></video> <figcaption>Example</figcaption> </figure>
figcaptionèŠçŽ ã¯ãïŒãªãã·ã§ã³ã§ïŒãã£ãã·ã§ã³ãšããŠäœ¿çšã§ããŸãã
templateã¯ãè€è£œãããã¹ã¯ãªããã«ãã£ãŠææžã«æ¿å
¥ã§ããHTMLã®æçã宣èšããããã«äœ¿çšã§ããŸãã
ä»ã«ãæ°ããèŠçŽ ããããŸãïŒ
ãã«ãã¡ãã£ã¢ã³ã³ãã³ãã®ããã®videoèŠçŽ ãšaudioèŠçŽ ãã©ã¡ãã®èŠçŽ ãAPIãæäŸãããã¢ããªã±ãŒã·ã§ã³ãŠã§ãéçºè
ãã¹ã¯ãªãããå©çšãç¬èªã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ãéçºã§ããŸãããã ãããŠãŒã¶ãŒãšãŒãžã§ã³ãã«ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ãåäœãããæ¹æ³ããããŸããç°ãªãã¿ã€ãã®è€æ°ã®ã¹ããªãŒã ããããªãã°ãsourceèŠçŽ ããããã®èŠçŽ ãšäžç·ã«å©çšãããŸãã
trackèŠçŽ ã¯videoèŠçŽ ã«ããã¹ããã©ãã¯ãæäŸããŸãã
embedèŠçŽ ã¯ããã©ã°ã€ã³ã³ã³ãã³ãã«äœ¿ãããŸãã
markèŠçŽ ã¯ä»ã®æèãšã®é¢é£æ§ããåç
§ç®çã§ããŒã¯ãããããã¹ãã衚ããŸãã
progressèŠçŽ ã¯ãããŠã³ããŒããè² è·ã®é«ãåŠçãªã©ãå®è¡äžã®ã¿ã¹ã¯ã衚ããŸãã
meterèŠçŽ ã¯ããã£ã¹ã¯å®¹éãªã©ã®æž¬å®å€ã衚ããŸãã
timeèŠçŽ ã¯ãæ¥ä»ãæå»ã衚ããŸãã
rubyãrtãrpèŠçŽ ã¯ã«ããããŒã¯ã¢ããããŸãã
bdièŠçŽ ã¯ãåæ¹åããã¹ãã®ããã«ãåšå²ããéé¢ãããããã¹ãã®ç¯å²ã衚ããŸãã
wbrèŠçŽ ã¯æ¹è¡ã®æ©äŒã衚ããŸãã
canvasèŠçŽ ã¯ã°ã©ããã²ãŒã ãªã©ããã®å Žã§åçãªæç»ãè¡ãããããããããã°ã©ãã£ãã¯ã¹ã«çšããããŸãã
datalistèŠçŽ ã¯inputèŠçŽ ã®æ°ããlist屿§ãšçµã¿åãããŠãã³ã³ãããã¯ã¹ãäœæããããã«äœ¿çšã§ããŸãã
<input list="browsers"> <datalist id="browsers"> <option value="Safari"> <option value="Internet Explorer"> <option value="Opera"> <option value="Firefox"> </datalist>
keygenèŠçŽ ã¯ãããŒã®ãã¢ãçæããããã®ã³ã³ãããŒã«ã衚ããŸãã
outputèŠçŽ ã¯ãã¹ã¯ãªããã«ããèšç®çµæãªã©ãäœããã®åºåçµæã衚ããŸãã
inputèŠçŽ ã®type屿§ã«ã¯ã以äžã®æ°ããå€ããããŸãïŒ
ãããã®æ°ãã屿§å€ã¯ãããšãã°ã«ã¬ã³ããŒã®æ¥ä»éžæããŠãŒã¶ãŒã®ã¢ãã¬ã¹ããã¯ãšã®çµ±åã®ãããªããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ããŠãŒã¶ãŒãšãŒãžã§ã³ããæäŸããå®çŸ©æžã¿ã®ãã©ãŒãããã§ãµãŒããŒã«éä¿¡ã§ããŸãããããã®å±æ§ã«ãã£ãŠãããå°ãªãæéã§ãµãŒããŒã«éä¿¡ããåã«ãŠãŒã¶ãŒã®å ¥åããã§ãã¯ã§ããŸããããã«ããããŠãŒã¶ãŒã«ããè¯ããšã¯ã¹ããªãšã³ã¹ãæäŸããŸãã
ãã§ã«HTML4ã®äžéšã§ããèŠçŽ ã«ãè€æ°ã®å±æ§ãå°å ¥ãããŠããŸãïŒ
aèŠçŽ ãšlinkèŠçŽ ãšã®æŽåæ§ã®ããã«ãareaèŠçŽ ãhreflang屿§ãtype屿§ãrel屿§ããããŸãã
äž»ã«aèŠçŽ ãšã®æŽåæ§ã®ããã«ãbaseèŠçŽ ã«ãtarget屿§ããããŸããïŒããã¯ãã§ã«åºããµããŒããããŠããŸããïŒ
metaèŠçŽ ã¯ãæ¢ã«åºããµããŒããããŠããcharset屿§ããããããã¥ã¡ã³ãã®æåãšã³ã³ãŒãã£ã³ã°ãæå®ããããã®å¿«é©ãªæ¹æ³ãæäŸããŸãã
inputïŒãã ãtype屿§ãhiddenã§ãããšããé€ãïŒãselectãtextareaãbuttonèŠçŽ ã«ãæ°ããautofocus屿§ãæå®ã§ããŸãããã®å±æ§ã¯ãããŒãžã®ããŒãæã«ãã©ãŒã ã³ã³ãããŒã«ã«ãã©ãŒã«ã¹ã宣èšããæ¹æ³ãæäŸããŸãããã®æ©èœã䜿çšãããšãããšãã°ãŠãŒã¶ãŒããã®æ©èœã奜ãã§ã¯ãªãå ŽåããŠãŒã¶ãŒã¯ãªãã§ããã®ã§ãã¹ã¯ãªããã䜿çšããŠèŠçŽ ããã©ãŒã«ã¹ããã®ã«æ¯ã¹ãŠãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžãããã§ãããã
inputèŠçŽ ãštextareaèŠçŽ ã«æ°ããplaceholder屿§ãæå®ã§ããŸãããã®å±æ§ã¯ããŠãŒã¶ãŒã«ããŒã¿å
¥åã®å©èšãããããã®ãã³ãã衚ããŸãã
<input type=search name=q placeholder="Enter search phrase..."> <button>Search</button>
<label>Email <input type=email name=email placeholder="john@example.com"></label>
placeholder屿§ã¯ãlabelèŠçŽ ã®ä»£æ¿ãšããŠäœ¿çšãã¹ãã§ã¯ãããŸããã
<!-- Do not do this: --> <input type=email name=email placeholder="Email">
inputãoutputãselectãtextareaãbuttonãlabelãobjectãfieldsetèŠçŽ ã«å¯Ÿããform屿§ã¯ããã©ãŒã ã«é¢é£ããã³ã³ãããŒã«ãå¯èœã«ããŸãããããã®èŠçŽ ã¯ãformèŠçŽ ã®åå«ãšããŠã§ãªããçŸåšããŒãžã®ã©ãã«ã§ã眮ãããšãã§ããformèŠçŽ ãšé¢é£ä»ãã§ããŸãã
<table>
<tr>
<th>Key
<th>Value
<th>Action
<tr>
<td><form id=1><input name=1-key></form>
<td><input form=1 name=1-value>
<td><button form=1 name=1-action value=save>â</button>
<button form=1 name=1-action value=delete>â</button>
...
</table>
ïŒtype屿§ãhiddenãimageãŸãã¯submitã®ãããªãã¿ã³ã¿ã€ãã§ãããšããé€ãïŒinputèŠçŽ ãšselectãtextareaèŠçŽ ã«required屿§ãé©çšã§ããŸãããã®å±æ§ã¯ããŠãŒã¶ãŒããã©ãŒã ãéä¿¡ããããã«ãå€ãå
¥åããå¿
èŠãããããšã瀺ããŠããŸããselectèŠçŽ ã®å Žåãæåã®optionèŠçŽ ã¯å€ã空ã®ãã¬ãŒã¹ãã«ããŒã§ããå¿
èŠããããŸãã
<label>Color: <select name=color required> <option value="">Choose one <option>Red <option>Green <option>Blue </select></label>
fieldsetèŠçŽ ã¯çŸåšãæå®ããããšãïŒlegendèŠçŽ ã®åå«ã§ãããã®ãé€ããŠïŒãã¹ãŠã®åå«ã³ã³ãããŒã«ãç¡å¹ã«ããdisabled屿§ãèš±å¯ããŸãããŸããã¹ã¯ãªããããã®ã¢ã¯ã»ã¹ã®ããã«äœ¿çšã§ããname屿§ãèš±å¯ããŸãã
inputèŠçŽ ã¯ãå¶çŽãæå®ããããã®è€æ°ã®æ°ãã屿§ããããŸãïŒautocompleteãminãmaxãmultipleãpatternãstepãå
ã«è¿°ã¹ãããã«ãdatalistèŠçŽ ãšäžç·ã«äœ¿çšã§ããæ°ããlist屿§ããããŸãããŸããtype=imageã䜿çšãããšãã«ãç»åã®å€§ãããæå®ããwidth屿§ãšheight屿§ããããŸãã
inputèŠçŽ ãštextareaèŠçŽ ã¯æ°ããdirname屿§ããããŸãããŠãŒã¶ãŒãèšå®ããéä¿¡ããå
容ãšåãæžåæ¹åã®ã³ã³ãããŒã«ããããããŸãã
textareaèŠçŽ ã¯ãŸããmaxlengthãminlengthãwrapãšãã3ã€ã®æ°ãã屿§ãæã¡ãŸããããã¯ãå
¥åããæå€§ã®é·ãããã³éä¿¡ãããå
容ã®è¡éãã®æåãã³ã³ãããŒã«ããŸãã
formèŠçŽ ã¯ãnovalidate屿§ãæã¡ãŸãããã®å±æ§ã«ããããã©ãŒã æ€èšŒãç¡å¹ã§ããŸãïŒã€ãŸãããã©ãŒã ããã€ã§ãéä¿¡å¯èœã«ã§ããŸãïŒã
inputèŠçŽ ãšbuttonèŠçŽ ã¯formactionãformenctypeãformmethodãformnovalidateãformtargetãæ°ãã屿§ãšããŠæã¡ãŸãã屿§ãããå ŽåãformèŠçŽ ã®actionãenctypeãmethodãnovalidateãtarget屿§ãäžæžãããŸãã
inputèŠçŽ ã¯ãŸããæ°ããminlength屿§ãæã¡ãŸãã
scriptèŠçŽ ã«æ°ããasyncãšåŒã°ãã屿§ãæã¡ãŸãããã®å±æ§ã¯ã¹ã¯ãªããã®èªã¿èŸŒã¿ãšå®è¡ã«åœ±é¿ãäžããŸãã
htmlèŠçŽ ã¯manifestãšåŒã°ããæ°ãã屿§ãæã¡ãŸãããã®å±æ§ã¯ããªãã©ã€ã³ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã®ããã®APIãšåãããŠäœ¿çšããããã¢ããªã±ãŒã·ã§ã³ãã£ãã·ã¥ã®ãããã§ã¹ããæå®ããŸãã
linkèŠçŽ ã¯æ°ããsizesãšåŒã°ãã屿§ãæã¡ãŸãããã®å±æ§ã¯ãåç
§ãããã¢ã€ã³ã³ã®ãµã€ãºã瀺ãããã«ïŒããšãã°ãã¡ãã³ã³ã®ããã«äœ¿çšã§ããrel屿§ãéããŠèšå®ãããïŒiconã®é¢ä¿ãšäœµããŠäœ¿çšã§ããåŸã£ãŠç°ãªã倧ããã®ã¢ã€ã³ã³ãå¯èœã«ã«ããŸãã
olèŠçŽ ã¯reversedãšåŒã°ããæ°ãã屿§ãæã¡ãŸãããã®å±æ§ãæå®ãããšãããªã¹ãã¯éé ã§ããããšã瀺ããŸãã
iframeèŠçŽ ã¯ãsandboxãšsrcdocãšåŒã°ããæ°ãã屿§ãæã¡ãŸãããããã¯ããšãã°ããã°ã®ã³ã¡ã³ããªã©ãã³ã³ãã³ãã®ãµã³ãããã¯ã¹åãå¯èœã«ããŸãã
objectèŠçŽ ã¯ãå€éšãªãœãŒã¹ã®å®å
šãªåã蟌ã¿ãå¯èœã«ããtypemustmatchãšããæ°ãã屿§ãæã¡ãŸãã
imgèŠçŽ ã¯ããã§ããã§CORSã䜿çšããããã®crossoriginãšåŒã°ããæ°ããªå±æ§ãæã¡ããããæåããå Žåãç»åããŒã¿ã«canvasAPIã䜿çšããŠèªã¿åãããšãã§ããŸãã
HTML4ç±æ¥ã®è€æ°ã®å±æ§ã¯çŸåšããã¹ãŠã®èŠçŽ ã«é©çšãããŸããããã¯accesskeyãclassãdirãidãlangãstyleãtabindexãtitle屿§ã§ãããã°ããŒãã«å±æ§ãšåŒã°ããŸãããŸããXHTML 1.0ã¯xml:space屿§ã¯ããã€ãã®èŠçŽ ã«ããèš±å¯ãããŸããã§ããããXHTMLæ§æã§ã¯çŸåšãã¹ãŠã®èŠçŽ ã«èš±å¯ãããŸãã
æ°ããã°ããŒãã«å±æ§ãè€æ°ãããŸãïŒ
contenteditable屿§ã¯ããã®èŠçŽ ãç·šéå¯èœé åã§ããããšã瀺ããŸãããŠãŒã¶ãŒã¯ãã®èŠçŽ ã®ã³ã³ãã³ãã倿ŽããããŒã¯ã¢ãããæäœããããšãã§ããŸãã
ãŠã§ãéçºè
å®çŸ©å±æ§ãdata-*ã³ã¬ã¯ã·ã§ã³ããŠã§ãéçºè
ã¯ãHTMLã®å°æ¥ã®ããŒãžã§ã³ãšã®è¡çªãé¿ããããã«ãdata-ãæ¥é èŸãšããŠãŠã§ãéçºè
èªç±ã«å±æ§ãå®çŸ©ã§ããŸããããã¯ããŠã§ãããŒãžãã¢ããªã±ãŒã·ã§ã³èªèº«ã«ãã£ãŠå®è¡ãããã«ã¹ã¿ã ããŒã¿ãæ ŒçŽããããã«äœ¿çšããããšãæå³ããŸãããã®å±æ§ã¯ãããŒã¿ãä»ã®åœäºè
ïŒããšãã°ããŠãŒã¶ãŒãšãŒãžã§ã³ãïŒã«ãã£ãŠå®è¡ããããšãæå³ããŸããã
hidden屿§ã¯ãèŠçŽ ããªããé¢é£ããªãããšã瀺ããŸãã
role屿§ãšaria-*屿§ã³ã¬ã¯ã·ã§ã³ã¯ãæ¯æŽæè¡ã«æç€ºããããã«äœ¿çšã§ããŸãã
spellcheck屿§ã¯ãã³ã³ãã³ããã¹ãã«ããã§ãã¯ããããšãã§ãããã©ããã®ãã³ããäžããããšãã§ããŸãã
translate屿§ã¯ãã³ã³ãã³ãã翻蚳ãããã¹ããã©ããã®ãã³ãã翻蚳è
ã«äžããŸãã
HTMLã¯ãŸãããã©ãŒã ã®oneventãå«ããHTML4ãããã¹ãŠã®ã€ãã³ããã³ãã©ãã°ããŒãã«å±æ§ã«ããŠãHTMLãæ°ãã«å®çŸ©ããã€ãã³ãçšã®æ°èŠã€ãã³ããã³ãã©å±æ§ãããšãã°ãã¡ãã£ã¢èŠçŽ ïŒvideoèŠçŽ ãšaudioèŠçŽ ïŒã®ããã®APIã§äœ¿çšãããplayã€ãã³ã屿§ãonplayã€ãã³ããã³ãã©å±æ§ãªã©ã远å ããŸãã仿§ã¯ããã¹ãŠã®ã€ãã³ãã®çŽ¢åŒãæã¡ãŸãã
以äžã®èŠçŽ ã¯ãHTMLã§æå³ããããã«å€æŽããŠãããã®ã§ããããã¯ãŠã§ãã®äœ¿ããæ¹ãåæ ããããããæçšã«ããããè¡ãããŠããŸãïŒ
addressèŠçŽ ã¯ãçŸåšæãè¿ãç¥å
ã®articleèŠçŽ ãbodyèŠçŽ ã«ãã£ãŠé©çšç¯å²ã決ããããŸãã
bèŠçŽ ã¯çŸåšãç¹å¥ãªéèŠæ§ãäžããããšããç°ãªãæèŠãé°å²æ°ã衚çŸããããšãªãã«ãå®å©çãªçç±ããæ³šæãåŒãã€ããç¯å²ã衚ããŸããããšãã°ãææžã®æŠèŠã«ãããããŒã¯ãŒãããã¬ãã¥ãŒã«ããã補ååã察話çãªããã¹ãããŒã¹ã®ãœãããŠã§ã¢ã«ãããå®è¡å¯èœç®æãèšäºã®ãªãŒãæãªã©ã§ãã
blockquoteèŠçŽ ã¯äŸç¶ãšããŠå¥ã®ãœãŒã¹ããåŒçšãããã³ã³ãã³ãã衚ããŸãããä»ã泚éããã³ç¥èªã ãã§ãªããfooterãŸãã¯citeã«ãããåŒçšãå«ãããšãã§ããŸãã
dlèŠçŽ ã¯ååãšå€ã®ã°ã«ãŒããããªã飿³ãªã¹ãã衚ãããã¯ãäŒè©±æã«é©ããªãããšãæèšãããŸããã
hrèŠçŽ ã¯çŸåšã段èœã¬ãã«ã®äž»é¡ã®å€åã衚ããŸãã
ièŠçŽ ã¯ã代ããã®å£°ãã ãŒãã§ããã¹ãã®ç¯å²ã衚ããããŸãã¯ããã§ãªããã°ãããšãã°åé¡åŠäžã®åç§°ãå°éçšèªãä»èšèªã®æ
£çšå¥ãæèŠããŸãã¯è¥¿æŽã®ããã¹ãã§è¹åãªã©ã®ãããã¹ãã®ç°ãªãå質ãç€ºãæ¹æ³ã§éåžžã®æããã®ãªãã»ããã衚ããŸãã
labelèŠçŽ ã«å¯ŸããŠããã©ãŠã¶ãŒã¯ã©ãã«ããã³ã³ãããŒã«ã«ãã¯ããã©ãŒã«ã¹ãç§»åãã¹ãã§ã¯ãããŸããããã ããã®ãããªåäœã¯ãåºç€ãšãªããã©ãããã©ãŒã ã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ã®æšæºã§ããå Žåãé€ããŸãã
ãŠãŒã¶ãŒãšãŒãžã§ã³ããææžã§ããæ©ãã«ããscriptèŠçŽ ã«ãã£ãŠåŒã³åºãããã¹ã¯ãªããèšèªããµããŒãããªããšããnoscriptèŠçŽ ã¯ãã¯ãã¬ã³ããªã³ã°ããããšèšããŸããã
sèŠçŽ ã¯æ£ç¢ºã§ãªãããããé¢ä¿ã®ãªãã³ã³ãã³ããçŸåšè¡šããŸãã
scriptèŠçŽ ã¯ãã¹ã¯ãªãããŸãã¯ã«ã¹ã¿ã ããŒã¿ãããã¯ã«äœ¿çšã§ããŸãã
smallã¯çŸåšãå°ããªæåãªã©ã®ãµã€ãã³ã¡ã³ãã衚ããŸãã
strongèŠçŽ ã¯åŒ·èª¿ããããããéèŠåºŠãçŸåšè¡šããŸãã
uèŠçŽ ã¯ãæç€ºçã«ã¬ã³ããªã³ã°ããããã®ã®ãéããã¹ãã®æ³šéãããšãã°äžåœèªã®ããã¹ãã§åºæåè©ïŒäžåœèªã®åºæåè©ã®ããŒã¯ïŒãšããŠããã¹ããåé¡ããããŸãã¯ã¹ãã«ãã¹ãšããŠããã¹ããåé¡ãããããªãã¯ã£ãããšçºé³ãããªãããã¹ãã®ç¯å²ã衚ããŸãã
è€æ°ã®å±æ§ãããŸããŸã«å€æŽãããŠããŸãã
imgã®alt屿§ã¯ããå
¥å¿µãªèŠæ±ãæã¡ãããå Žåã§çç¥ããããšãã§ããŸãã詳现ã«ã€ããŠã¯ã仿§ãåç
§ããŠãã ããã
inputèŠçŽ ã®accept屿§ã¯ãå€audio/*ãvideo/*ãimage/*ãèš±å¯ããŸãã
accesskeyã°ããŒãã«å±æ§ã¯çŸåšããŠãŒã¶ãŒãšãŒãžã§ã³ããè€æ°ã®æåããéžæããŠãæå®ã§ããŸãã
formèŠçŽ ã®action屿§ã¯ããã¯ã空ã®URLãæã€ããšãã§ããŸããã
tableèŠçŽ ã®border屿§ã¯ãå€"1"ããã³ç©ºã®æååã®ã¿ãèš±å¯ããŸãã
tdèŠçŽ ãšthèŠçŽ ã®colspan屿§ã¯çŸåšã0ãã倧ããå¿
èŠããããŸãã
areaèŠçŽ ã®coords屿§ã¯ã屿§ããµãŒã¯ã«ç¶æ
ã«ãããšãããã¯ãååŸã®ããŒã»ã³ããŒãžå€ãèš±å¯ããŸããã
objectèŠçŽ ã®data屿§ã¯ããã¯ãcodebase屿§ã«é¢é£ããŸããã
scriptèŠçŽ ã®defer屿§ã¯ãããŒãžã®æ§æè§£æãçµäºãããšãã«ã¹ã¯ãªãããæç€ºçã«å®è¡ãããŸãã
dirã°ããŒãã«å±æ§ã¯çŸåšãå€autoãèš±å¯ããŸãã
formèŠçŽ ã®enctype屿§ã¯çŸåšãå€text/plainããµããŒãããŸãã
imgãiframeãobjectèŠçŽ ã®widthãšheight屿§ã¯ããã¯ãããŒã»ã³ããå«ãããšãã§ããŸãããããã屿§ã¯ãŸããèŠçŽ åºæã®ã¢ã¹ãã¯ãæ¯ãšç°ãªãã¢ã¹ãã¯ãæ¯ã«ç»åãåŒãå»¶ã°ãããã«äœ¿çšããããšãèš±å¯ããŸããã
linkèŠçŽ ã®href屿§ã¯ããã¯ã空ã®URLãæã€ããšãã§ããŸããã
baseèŠçŽ ã®href屿§ã¯çŸåšãçžå¯ŸURLãå«ãããšãèš±å¯ãããŸãã
ããšãã°ãææžã®ãšã³ã³ãŒãã£ã³ã°ãUTF-8ãŸãã¯UTF-16ã§ãããªãã°ãaèŠçŽ href屿§ãªã©ãURLãåããã¹ãŠã®å±æ§ã¯çŸåšãIRIããµããŒãããŸãã
metaèŠçŽ ã®http-equiv屿§ã¯ããã¯ãHTTPã¬ã¹ãã³ã¹ã§HTTPããããŒãäœæããããã«HTTPãµãŒããŒã«ãã£ãŠäœ¿çšãããŠãããã®ã ãšèšãããŸããã代ããã«ããŠãŒã¶ãŒãšãŒãžã§ã³ãã䜿çšãããã©ã°ããã£ã¬ã¯ãã£ãã§ãããšèšãããŠããŸãã
idã°ããŒãã«å±æ§ã¯çŸåšãäžæã§ãããç©ºã®æååã§ãªããç©ºçœæåãå«ãŸãããã°ãã©ããªå€ã§ãæã€ããšãã§ããŸãã
langã°ããŒãã«å±æ§ã¯ãxml:langãšåæ§ã«ãæå¹ãªèšèªèå¥åã«å ããŠãç©ºã®æååãåããŸãã
linkèŠçŽ ã®media屿§ã¯çŸåšãã¡ãã£ã¢ã¯ãšãªãšããã©ã«ãã§"all"ãåãå
¥ããŸãã
ïŒããšãã°onclickãªã©ïŒã€ãã³ããã³ãã©å±æ§ã¯ãåžžã«ã¹ã¯ãªããèšèªãšããŠJavaScriptã䜿çšããŸãã
èŠæ ããæå®ãããã®ã§ã¯ãªãã®ã§ãlièŠçŽ ã®value屿§ã¯ããã¯ãéæšå¥šã§ã¯ãããŸãããåãããšã¯olèŠçŽ ã®start屿§ãštype屿§ã«åœãŠã¯ãŸããŸãã
styleã°ããŒãã«å±æ§ã¯çŸåšãåžžã«ã¹ã¿ã€ã«èšèªãšããŠCSSã䜿çšããŸãã
tabindexã°ããŒãã«å±æ§ã¯çŸåšãèŠçŽ ããã©ãŒã«ã¹ãåãåãããšãã§ããããã©ããã¿ãã§ç§»åã§ããªãããšã瀺ãè² ã®å€ãèš±å¯ããŸãã
ããšãã°iframeãšçµã¿åãããŠäœ¿çšãããªã©ãã¢ããªã±ãŒã·ã§ã³ã«æçšã§ããã®ã§aãšareaèŠçŽ ã®target屿§ã¯ããã¯ãéæšå¥šã§ã¯ãããŸããã
ãããããã¹ã¯ãªããèšèªãJavaScriptã§ãã¹ã¿ã€ã«èšèªãCSSã§ããã°ãscriptãstyleèŠçŽ ã«type屿§ã¯äžèŠã«ãªããŸãã
imgèŠçŽ ã®usemap屿§ã¯ããã¯ãURLãåããŸãããã代ããã«mapèŠçŽ ãžã®æå¹ãªããã·ã¥åååç
§ãåããŸãã
ãã®ã»ã¯ã·ã§ã³ã«ããèŠçŽ ã¯ããŠã§ãéçºè
ã䜿çšããã¹ãã§ã¯ãªããã®ã§ãããŠãŒã¶ãŒãšãŒãžã§ã³ãã¯ããŸã ãããããµããŒãããå¿
èŠããããŸãããHTMLã«ãããæ§ã
ãªã»ã¯ã·ã§ã³ã§ã¯ãã©ã®ããã«æ±ãããå®çŸ©ããŸããããšãã°ãæä»£é
ãã®isindexèŠçŽ ã¯ããŒãµãŒã®ã»ã¯ã·ã§ã³ã«ãã£ãŠåŠçãããŸãã
以äžã®èŠçŽ ã®å¹æã¯çŽç²ãªè¡šçŸã«é¢ãããã®ã§ãã£ãŠãCSSã«ãã£ãŠããè¯ãåŠçããããããã以äžã®èŠçŽ ã¯HTMLã«å«ã¿ãŸããã
以äžã®èŠçŽ ã䜿çšãããšããŠãŒã¶ãŒããªãã£ãŒãšã¢ã¯ã»ã·ããªãã£ãŒãæãªããããHTMLã«å«ãŸããŸããã
以äžã®èŠçŽ ã¯é »ç¹ã«äœ¿çšãããªããæ··ä¹±ãçããããŸãã¯èŠçŽ ã®æ©èœãä»ã®èŠçŽ ã§æ±ãããšãã§ããããã«å«ã¿ãŸããïŒ
acronymèŠçŽ ã¯å€å€§ãªæ··ä¹±ãåŒãèµ·ãããããã«å«ãŸããŸããããŠã§ãéçºè
ã¯ç¥èªã«abbrèŠçŽ ã䜿ãããšã«ãªããŸãã
appletèŠçŽ ã¯objectèŠçŽ ãæ¯æãããããšãã廿¢ãããŠããŸãã
isindexèŠçŽ ã¯ãã©ãŒã ã³ã³ãããŒã«ã®å©çšã«ãã眮ãæããããŸãã
dirèŠçŽ ã¯ulèŠçŽ ãéžæãããã廿¢ãããŠããŸãã
æåŸã«ãnoscriptèŠçŽ ã¯HTMLæ§æã§ã®ã¿é©åããŸããXMLæ§æã§äœ¿çšã§ããŸãããããã¯ãèŠèŠçã«é ãã ãã§ãªããã¹ã¯ãªãããå®è¡ããã³ã³ãã³ããé²ããã¹ã¿ã€ã«ã·ãŒããé©çšããéä¿¡å¯èœãªãã©ãŒã ã³ã³ãããŒã«ãæã¡ããªãœãŒã¹ãèªã¿èŸŒããããªã©ãHTMLããŒãµãŒã¯ããã¬ãŒã³ããã¹ããšããŠnoscriptèŠçŽ ã®å
容ãè§£æããŠããããã§ããåãããšã¯ãXMLããŒãµãŒã§äžå¯èœã§ãã
HTML4ç±æ¥ã®ããã€ãã®å±æ§ã¯ããã¯ãHTMLã§èš±å¯ãããŸããã仿§ã¯ããŠãŒã¶ãŒãšãŒãžã§ã³ããã¬ã¬ã·ãŒææžã§ããã屿§ãåŠçããæ¹æ³ãå®çŸ©ããŠããŸããããŠã§ãéçºè ã¯ãããã屿§ã䜿çšããèš±å¯ããããŸããããæ€èšŒãããŸããã
HTMLã¯ãäœã代ããã«äœ¿çšã§ãããã«ã€ããŠã®å©èšãããŸãã
iframeã®longdesc屿§ã
imgèŠçŽ ã®name屿§ïŒä»£ããã«id屿§ã䜿ããŸãïŒã
objectèŠçŽ ã®archiveãclassidãcodebaseãcodetypeãdeclareãstandby屿§ã
ããã«ãCSSã«ãã£ãŠããè¯ãåŠçãããããããHTMLã¯HTML4ã«ãã£ã衚çŸã衚ã屿§ãäžåæã¡ãŸããã
captionãiframeãimgãinputãobjectãlegendãtableãhrãdivãh1ãh2ãh3ãh4ãh5ãh6ãpãcolãcolgroupãtbodyãtdãtfootãthãtheadãtrèŠçŽ ã®align屿§ã
bodyèŠçŽ ã®background屿§ã
tableèŠçŽ ã®cellpaddingãšcellspacing屿§ã
colãcolgroupãtbodyãtdãtfootãthãtheadãtrèŠçŽ ã®charãšcharoff屿§ã
iframeèŠçŽ ã®frameborder屿§ã
iframeèŠçŽ ã®marginheightãšmarginwidth屿§ã
colãcolgroupãtbodyãtdãtfootãthãtheadãtrèŠçŽ ã®valign屿§ã
hrãtableãtdãthãcolãcolgroupãpreèŠçŽ ã®width屿§ã
以äžã®å±æ§ãèš±å¯ãããŸããããŠã§ãéçºè ã¯ãããã®äœ¿çšã¯å§ããããã代ããã«ä»£æ¿ææ®µã䜿çšããããšã匷ãå§ããŸãã
imgèŠçŽ ã®border屿§ãããå Žåãå€"0"ãæã€å¿
èŠããããŸãããŠã§ãéçºè
ã¯ã代ããã«CSSã䜿çšã§ããŸãã
scriptèŠçŽ ã®language屿§ãããã¯å€ã«ïŒå€§æåå°æåãåºå¥ããã«ïŒ"JavaScript"ãæå®ããå¿
èŠããããŸãããŸããtype屿§ãšççŸããããšãã§ããŸãããæçšãªæ©èœãæããªãã®ã§ããŠã§ãéçºè
ã¯ãããçç¥ã§ããŸãã
aèŠçŽ ã®name屿§ããŠã§ãéçºè
ã¯ã代ããã«id屿§ã䜿çšã§ããŸãã
ã³ã³ãã³ãã¢ãã«ã¯ãããèŠçŽ ã®åïŒãŸãã¯åå«ïŒãšããŠèš±å¯ãããŠãããã®âã©ã®ããã«èŠçŽ ãå ¥ãåã«ã§ããããå®çŸ©ãããã®ã§ãã
é«ã¬ãã«ã§ãHTML4ã¯èŠçŽ ã®2ã€ã®äž»èŠãªã«ããŽãªããã€ã³ã©ã€ã³ãïŒspanãimgãããã¹ããªã©ïŒãšããããã¯ã¬ãã«ãïŒdivãhrãtableãªã©ïŒãæã£ãŠããŸãããäžéšã®èŠçŽ ã¯ãã«ããŽãªãŒã®ã©ã¡ãã«ãé©åããŸããã
ããèŠçŽ ã¯ãã€ã³ã©ã€ã³ãèŠçŽ ãèš±å¯ãïŒããšãã°pãªã©ïŒãããèŠçŽ ã¯ããããã¯ã¬ãã«ãèŠçŽ ãèš±å¯ãïŒããšãã°bodyãªã©ïŒãäžéšã®èŠçŽ ã¯ãã®äž¡æ¹ãèš±å¯ããŸããïŒããšãã°divãªã©ïŒããã®äžæ¹ã§ããèŠçŽ ã¯ã©ã¡ãã®ã«ããŽãªãŒãèš±å¯ããŸããããç¹å®ã®èŠçŽ ã®ã¿ãèš±å¯ããïŒããšãã°dlãtableãªã©ïŒããŸãã¯ã©ã®åãèš±å¯ããŸããã§ããïŒããšãã°linkãimgãhrãªã©ïŒã
èŠçŽ èªèº«ãç¹å®ã®ã«ããŽãªãŒã«ããããšãšãç¹å®ã®ã«ããŽãªãŒã®ã³ã³ãã³ãã¢ãã«ãæã€ããšãšã®éãã«æ³šæããŠãã ãããããšãã°ãpèŠçŽ ã¯ããããã¯ã¬ãã«ãèŠçŽ ãã®ãã®ã§ããããã€ã³ã©ã€ã³ãã®ã³ã³ãã³ãã¢ãã«ãæã£ãŠããŸãã
ã³ã³ãã³ãã¢ãã«ãããã«æ··ä¹±ãããããã«ãHTML4ã¯StrictïŒå³æ ŒïŒãTransitionalïŒç§»è¡ïŒãšFramesetïŒãã¬ãŒã ã»ããïŒã®çš®é¡ããããç°ãªãã³ã³ãã³ãã¢ãã«ã®ã«ãŒã«ãæã£ãŠããŸãããããšãã°ãStrictã§ãbodyèŠçŽ ã¯ããããã¯ã¬ãã«ãã®èŠçŽ ã®ã¿ãæãŠãŸããããTransitionalã§ã¯ããã€ã³ã©ã€ã³ããšããããã¯ã¬ãã«ãã®äž¡æ¹ãæãŠãŸããã
äŸç¶ãšããŠç©äºãããã«æ··ä¹±ãããããã«ãCSSã¯ãèŠèŠæŽåœ¢ã¢ãã«ã®ããã®çšèªããããã¯ã¬ãã«èŠçŽ ããšãã€ã³ã©ã€ã³ã¬ãã«èŠçŽ ãã䜿çšããŸããããã¯ãCSSã®'display'ããããã£ã«é¢ä¿ãããã®ã§ãHTMLã®ã³ã³ãã³ãã¢ãã«ã®ã«ãŒã«ãšã¯äœã®é¢ä¿ããããŸããã
CSSãšã®æ··ä¹±ãæžããããã«ãHTMLã¯ã³ã³ãã³ãã¢ãã«ã®ã«ãŒã«ã®äžéšãšããŠçšèªããããã¯ã¬ãã«ããŸãã¯ãã€ã³ã©ã€ã³ãã䜿çšããŸãããããããªãããã³ã³ãã³ãã¢ãã«ã¯HTML4ããå€ãã®ã«ããŽãªãŒãæã¡ãèŠçŽ ã¯ãããã®ãããã§ããªãããããããããŸãã¯ãããã®è€æ°ã§ãã£ãŠãããã§ãã
linkèŠçŽ ãscriptèŠçŽ ãªã©ã®ã¡ã¿ããŒã¿ã³ã³ãã³ãã
spanèŠçŽ ãdivèŠçŽ ãªã©ã®ãããŒã³ã³ãã³ããããã¯å€§ãŸãã«ã¯HTML4ã®ããããã¯ã¬ãã«ããšãã€ã³ã©ã€ã³ããäžç·ã«ãããããªãã®ã§ãã
asideèŠçŽ ãsectionèŠçŽ ãªã©ã®ã»ã¯ã·ã§ãã³ã°ã³ã³ãã³ãã
h1èŠçŽ ãªã©ã®ããã£ã³ã°ã³ã³ãã³ãã
spanèŠçŽ ãimgèŠçŽ ãããã¹ããªã©ã®ãã¬ãŒãžã³ã°ã³ã³ãã³ããããã¯å€§ãŸãã«ã¯HTML4ã®ãã€ã³ã©ã€ã³ãã§ãããã¬ãŒãžã³ã°ã³ã³ãã³ãã¯ãŸããããŒã³ã³ãã³ãã§ããèŠçŽ ã§ãã
imgèŠçŽ ãiframeèŠçŽ ãsvgèŠçŽ ãªã©ã®ãšã³ããã£ããã³ã³ãã³ãã
aèŠçŽ ãbuttonèŠçŽ ãlabelèŠçŽ ãªã©ã®ã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ããã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãã¯ãã¹ããèš±å¯ãããŸããã
HTML4ããäžç®ã§ããã倿Žç¹ãšããŠãHTMLã¯ãHTML4ãããããã¯ã¬ãã«ãèŠçŽ ãšåŒã°ãããã®ã®ã¿ãåãå
¥ããèŠçŽ ããã¯ãäžåæã¡ãŸãããããšãã°ãbodyèŠçŽ ã¯çŸåšããããŒã³ã³ãã³ããèš±å¯ããŸãããããã£ãŠãããã¯HTML4 StrictãããããHTML4 Transitionalã«ããè¿ããã®ã§ãã
ããã«å€æŽç¹ãå«ã¿ãŸãïŒ
addressèŠçŽ ã¯çŸåšããããŒã³ã³ãã³ããèš±å¯ããŸãããããã£ã³ã°ã³ã³ãã³ãã®åå«ãã»ã¯ã·ã§ãã³ã°ã³ã³ãã³ãã®åå«ãããã³headerãfooterããŸãã¯addressèŠçŽ ã®åå«ãèš±å¯ããŸããã
HTML4ã¯headèŠçŽ ã§objectèŠçŽ ãèš±å¯ããŸãããHTMLã¯èš±å¯ããŸããã
noscriptèŠçŽ ã¯ãHTML4ã§ããããã¯ã¬ãã«ãèŠçŽ ã§ããããHTMLã§ã¯ãã¬ãŒãžã³ã°ã³ã³ãã³ãã§ãã
tableãtheadãtbodyãtfootãtrãolãulãdlèŠçŽ ã¯ãHTMLã§ç©ºãèš±å¯ãããŸãã
ããŒãã«èŠçŽ ã¯ãããŒãã«ã¢ãã«ã«æºæ ããå¿ èŠããããŸãïŒããšãã°2ã€ã®ã»ã«ã¯ãªãŒããŒã©ããã§ããŸããïŒã
tableèŠçŽ ã¯çŸåšãçŽæ¥ã®åãšããŠcolèŠçŽ ãèš±å¯ããŠããŸããããã ããHTMLããŒãµãŒã¯colgroupèŠçŽ ãæã«æå³ããã®ã§ããã®å€æŽã¯text/htmlã³ã³ãã³ãã«åœ±é¿ãåãŒãã¹ãã§ã¯ãããŸããã
tableèŠçŽ ã¯çŸåšãtfootèŠçŽ ãæåŸã®åã«ã§ããŸãã
captionèŠçŽ ã¯çŸåšããããŒã³ã³ãã³ããèš±å¯ããŸãããåå«tableèŠçŽ ãæã¡ãŸããã
thèŠçŽ ã¯çŸåšããããŒã³ã³ãã³ããèš±å¯ããŸãããheaderãfooterãã»ã¯ã·ã§ãã³ã°ã³ã³ãã³ããããã£ã³ã°ã³ã³ãã³ãã®åå«ãæã¡ãŸããã
ïŒèŠçŽ ãã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãã®åå«ãèš±å¯ããªãå Žåãé€ããŠïŒaèŠçŽ ã¯çŸåšããã®èŠªãšåãã³ã³ãã³ãã¢ãã«ãæã€ããšãæå³ãããééçãªã³ã³ãã³ãã¢ãã«ãæã¡ãŸããããã¯ãèŠçŽ ã®èŠªããããŒã³ã³ãã³ããèš±å¯ãããªãã°ãaèŠçŽ ãçŸåšãããšãã°divèŠçŽ ãªã©ãå«ãããšãã§ããããšãæå³ããŸãã
insèŠçŽ ãšdelèŠçŽ ããŸããéæçãªã³ã³ãã³ãã¢ãã«ãæã¡ãŸããHTML4ã¯ãDTDã§è¡šçŸã§ããªãã£ãåæ§ã®ã«ãŒã«ãæ¬æã§æã£ãŠããŸããã
objectããŸããèŠçŽ ã®paramã®åã®åŸã«ãééçãªã³ã³ãã³ãã¢ãã«ãæã£ãŠããŸãã
mapèŠçŽ ã¯ãééçãªã³ã³ãã³ãã¢ãã«ãæã£ãŠããŸããmapèŠçŽ ã®çŽæ¥ã®åã§ããå¿
èŠã¯ãªãããšãæå³ãããmapèŠçŽ ã®ç¥å
ããããªãã°ãareaèŠçŽ ã¯ãã¬ãŒãžã³ã°ã³ã³ãã³ããšã¿ãªãããŸãã
fieldsetèŠçŽ ã¯ããã¯ãlegendèŠçŽ ã®åãå¿
èŠãšããŸããã
HTMLã¯ãå€ãã®æ°ããAPIãå°å ¥ããæ¡åŒµããããã€ãã®æ¢åã®APIã倿ŽãŸãã¯å»æ¢ããŸããã
HTMLã¯ããŠã§ãã¢ããªã±ãŒã·ã§ã³ã補äœããäžã§æå©ããšãªã倿°ã®APIãæäŸããŸãããããã®APIã¯æ°ããã¢ããªã±ãŒã·ã§ã³ã«å°å ¥ãããèŠçŽ ãšäžç·ã«äœ¿çšã§ããŸãã
ã¡ãã£ã¢èŠçŽ ïŒvideoããã³audioïŒã¯ãåçã®å¶åŸ¡ãè€æ°ã®ã¡ãã£ã¢èŠçŽ ã®åæãããã³æéããã¹ããã©ãã¯ïŒããšãã°åå¹ïŒã®ããã®APIãæã¡ãŸãã
ãã©ãŒã å¶çŽæ€èšŒã®ããã®APIïŒããšãã°setCustomValidity()ã¡ãœããïŒã
ã¢ããªã±ãŒã·ã§ã³ãã£ãã·ã¥ããã€ããªãã©ã€ã³ãŠã§ãã¢ããªã±ãŒã·ã§ã³ãå¯èœã«ããAPIã
registerProtocolHandler()ãšregisterContentHandler()ã䜿çšããŠãç¹å®ã®ãããã³ã«ãŸãã¯ã¡ãã£ã¢ã¿ã€ãã«å¯ŸããŠèªèº«ãç»é²ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ãå¯èœã«ããAPIã
æ°ããã°ããŒãã«contenteditable屿§ãšãšãã«çšããããç·šéAPIã
ææžã®URLã®æ§æèŠçŽ ãå
¬éããã¹ã¯ãªããã«ããã²ãŒãããªãã€ã¬ã¯ãããã³ãªããŒãããããã®APIïŒLocationã€ã³ã¿ãŒãã§ã€ã¹ïŒã
ã»ãã·ã§ã³å±¥æŽãå
¬éããã¹ã¯ãªããã§å®éã«ç§»åããããšãªãææžã®URLãæŽæ°ã§ããAPIããã®çµæãã¢ããªã±ãŒã·ã§ã³ã¯ãAjaxã¹ã¿ã€ã«ãçšã«ãã©ã°ã¡ã³ãã³ã³ããŒãã³ããä¹±çšããå¿
èŠããªããªããŸãïŒHistoryã€ã³ã¿ãŒãã§ã€ã¹ïŒã
base64倿ã®ããã®APIïŒatob()ããã³btoa()ã¡ãœããïŒã
ã¿ã€ããŒããŒã¹ã®ã³ãŒã«ããã¯ãã¹ã±ãžã¥ãŒã«ããããã®APIïŒsetTimeout()ããã³setInterval()ïŒã
ãŠãŒã¶ãŒã«ãã€ã¢ãã°ã衚瀺ããããã®APIïŒalert()ãconfirm()ãprompt()ïŒã
ææžãå°å·ããããã®APIïŒprint()ïŒã
æ€çŽ¢ãããã€ããŒãåŠçããããã®APIïŒAddSearchProvider()ããã³IsSearchProviderInstalled()ïŒã
WindowãNavigatorããã³Externalã€ã³ã¿ãŒãã§ã€ã¹ãå®çŸ©ãããŠããŸãã
DOM Level 2 HTMLç±æ¥ã®ä»¥äžã®æ©èœã¯ãããŸããŸã«å€æŽãããŠããŸãã
document.titleã¯ãçŸåšååŸæã«ç©ºçœãæãããã¿ãŸãã
document.domainã¯ãææžã®æå¹ãªã¹ã¯ãªããã®çæå
ã倿Žããããšãã§ãããèšå®å¯èœã«ãããŸãã
document.open()ã¯çŸåšãææžãã¯ãªã¢ãŒããïŒ2å以äžã®åŒæ°ãšãšãã«åŒã³åºãå ŽåïŒãŸãã¯ã¯ãªã¢ãŒãããã®ããã«æ¯ãèããŸãïŒ3ã€ãŸãã¯4ã€ã®åŒæ°ãšãšãã«åŒã³åºãå ŽåïŒãåè
ã®å ŽåãXMLã§äŸå€ãæããŸãã
document.close()ãdocument.write()ããã³document.writeln()ã¯ãXMLã§äŸå€ãæããŸããåŸè
ã®2ã€ã¯çŸåšãå¯å€é·åŒæ°ããµããŒãããŸããããã¯ãææžã®å
¥åã¹ããªãŒã ããŸã è§£æãããŠããéã«ããã¹ãã远å ãããdocument.open()ã«åŒã³åºããæå³ããããŸãã¯å Žåã«ãã£ãŠã¯å®å
šã«ç¡èŠãããŸãã
document.getElementsByName()ã¯çŸåšãåŒæ°ã«ãããããname屿§ããã€ãã¹ãŠã®HTMLèŠçŽ ãè¿ããŸãã
HTMLFormElementäžã®elementsã¯çŸåšãbuttonãfieldsetãinputãkeygenãobjectãoutputãselectããã³textareaèŠçŽ ã®HTMLFormControlsCollectionãè¿ããŸããlengthã¯ãelementsã«ãããããŒãã®æ°ãè¿ããŸãã
HTMLSelectElementã®add()ãçŸåšã第2åŒæ°ã®æŽæ°ãåãå
¥ããŸãã
HTMLSelectElementã®remove()ã¯çŸåšãåŒæ°ãç¯å²å€ã«ããå Žåã«ã³ã¬ã¯ã·ã§ã³ã®æåã®èŠçŽ ãåé€ããŸãã
aããã³areaèŠçŽ ã¯çŸåšãhref屿§ãæååããŸãã
click()ãfocus()ããã³blur()ã¡ãœããã¯çŸåšããã¹ãŠã®HTMLèŠçŽ ã§äœ¿çšå¯èœã§ãã
Documentãžã®æ¡åŒµDOMLevel 2 HTMLã¯ãDocumentããç¶æ¿ããææžã®HTMLåºæã®ã¡ã³ããŒãæäŸããHTMLDocumentã€ã³ã¿ãŒãã§ã€ã¹ãæã£ãŠããŸãããHTMLã¯ãDocumentã€ã³ã¿ãŒãã§ã€ã¹ã«ãããã®ã¡ã³ããŒãç§»åããŠãããå€ãã®æ¹æ³ã§æ¡åŒµããŸããããã¹ãŠã®ææžã¯ãDocumentã€ã³ã¿ãŒãã§ã€ã¹ã䜿çšããã®ã§ãHTMLåºæã®ã¡ã³ããŒã¯ããã¹ãŠã®ææžã§äœ¿çšå¯èœã§ãããã®çµæãããšãã°SVGææžãªã©ã§ãåæ§ã«äœ¿çšã§ããŸãããŸããè€æ°ã®æ°ããã¡ã³ããæã¡ãŸãïŒ
ãªãœãŒã¹ã¡ã¿ããŒã¿ç®¡çãæ¯æŽããlocationãlastModifiedããã³readyStateã
DOMããªãŒã®ããŸããŸãªéšåã«ã¢ã¯ã»ã¹ããããã®dirãheadãembedsãpluginsãscriptsããã³ããã³äžè¬åã²ãã¿ãŒã
ã©ã®èŠçŽ ã«çŸåšãã©ãŒã«ã¹ãããŠããããŸãã¯Documentããã©ãŒã«ã¹ãæã€ããã©ããã調ã¹ãããã®activeElementããã³hasFocusã
ç·šéAPIã®ããã®designModeãexecCommand()ãqueryCommandEnabled()ãqueryCommandIndeterm()ãqueryCommandState()ãqueryCommandSupported()ãqueryCommandValue()ã
ãã¹ãŠã®ã€ãã³ããã³ãã©IDL屿§ããŸããonreadystatechangeã¯ãDocumentã§ã®ã¿äœ¿çšå¯èœãªç¹å¥ãªã€ãã³ããã³ãã©IDL屿§ã§ãã
window.HTMLDocumentã¯çŸåšãDocumentã€ã³ã¿ãŒãã§ã€ã¹ãªããžã§ã¯ããè¿ãã®ã§ãHTMLDocumentã®ãããã¿ã€ãã倿Žããæ¢åã®ã¹ã¯ãªããã¯ãåäœãç¶ç¶ããå¿
èŠããããŸãã
HTMLElementã®æ¡åŒµHTMLElementã€ã³ã¿ãŒãã§ã€ã¹ããŸããHTMLã§è€æ°ã®æ¡åŒµãããŠããŸãïŒ
translateãhiddenãtabIndexãaccessKeyãcontentEditableãspellcheckããã³styleã¯ãã³ã³ãã³ã屿§ãåæ ããŸãã
datasetã¯ããã£ã¡ã«ã±ãŒã¹ããããã£ãšããŠå
¬éãããdata-*屿§ãæ±ãããã®äŸ¿å©ãªæ©èœã§ããããšãã°ãelm.dataset.fooBar = 'test'ã¯elmäžã®data-foo-barã³ã³ãã³ã屿§ãèšå®ããŸãã
click()ãfocus()ããã³blur()ã¯ãã¹ã¯ãªããã«ã¯ãªãã¯ããã³ãã©ãŒã«ã¹ç§»åãã·ãã¥ã¬ãŒãããããšãå¯èœã«ããŸãã
accessKeyLabelã¯ããŠã§ãéçºè
ãaccesskey屿§ã«åœ±é¿ãäžããããšãã§ãããèŠçŽ ã«å¯ŸããŠãŠãŒã¶ãŒãšãŒãžã§ã³ããå²ãåœãŠãŠããã·ã§ãŒãã«ããããŒãæäŸããŸãã
èŠçŽ ãç·šéå¯èœãªå Žåã«isContentEditableã¯trueãè¿ããŸãã
ãã¹ãŠã®ã€ãã³ããã³ãã©IDL屿§ã
äžéšã®ã¡ã³ããŒã¯ã以åã¯HTMLElementã§å®çŸ©ãããŠããŸããããDOMæšæºã§Elementã€ã³ã¿ãŒãã§ã€ã¹ã«ç§»åãããŸãïŒ[DOM]
idã¯ãiidã³ã³ãã³ã屿§ãåæ ããŸãã
classNameã¯ãclassã³ã³ãã³ã屿§ãåæ ããŸãã
classListã¯ãclassNameã®ããã®äŸ¿å©ãªã¢ã¯ã»ãµãŒã§ãããã®ã¢ã¯ã»ãµãŒãè¿ããªããžã§ã¯ãã¯ãèŠçŽ ã®ã¯ã©ã¹ãæäœããããã®ã¡ãœããïŒcontains()ãadd()ãremove()ããã³toggle()ïŒãå
¬éããŸãã
getElementsByClassName()ã¯ãæå®ãããã¯ã©ã¹ããã€èŠçŽ ã®ãªã¹ããè¿ããŸãã
DOM Level 2 HTMLã®ããã€ãã®ã€ã³ã¿ãŒãã§ã€ã¹ãæ¡åŒµãããŠããŸãã
HTMLOptionsCollectionã¯çŸåšãã¬ã¬ã·ãŒã³ãŒã©ãŒãã»ãã¿ãŒã¯ãªãšãŒã¿ãŒãã¡ã³ããŒadd()ãremove()ããã³selectedIndexãæã¡ãŸãã
HTMLLinkElementããã³HTMLStyleElementã¯çŸåšãCSSOMããLinkStyleã€ã³ã¿ãŒãã§ã€ã¹ãå®è£
ããŸãã[CSSOM]
HTMLFormElementã¯çŸåšãååä»ãã²ãã¿ãŒããã³ã€ã³ããã¯ã¹ä»ãã²ãã¿ãŒã ãã§ãªããcheckValidity()ã¡ãœãããæã¡ãŸãã
HTMLSelectElementã¯çŸåšãã²ãã¿ãŒãitem()ããã³namedItem()ã¡ãœãããã»ãã¿ãŒã¯ãªãšãŒã¿ãŒãselectedOptionsããã³labelsIDL屿§ã©ãã«ããã©ãŒã å¶çŽã®æ€èšŒAPIã«å¯Ÿããã¡ã³ããŒïŒwillValidateãvalidityãvalidationMessageãcheckValidity()ãreportValidity()ããã³setCustomValidity()ãæã¡ãŸãã
HTMLOptionElementã¯çŸåšãã³ã³ã¹ãã©ã¯ã¿ãŒOptionãæã¡ãŸãã
HTMLInputElementã¯çŸåšãfilesãheightãindeterminateãlistãvalueAsDateãvalueAsNumberãwidthãstepUp()ãstepDown()ã¡ã³ããŒããã©ãŒã å¶çŽæ€èšŒAPIã¡ã³ããŒãlabelsãããã³ããã¹ããã£ãŒã«ãéžæAPIã«å¯Ÿããã¡ã³ããŒïŒselectionStartãselectionEndãselectionDirectionãsetSelectionRange()ããã³setRangeText()ãæã¡ãŸãã
HTMLTextAreaElementã¯çŸåšãã¡ã³ããŒtextLengthããã©ãŒã å¶çŽæ€èšŒAPIã¡ã³ããŒãlabelsããã³ããã¹ããã£ãŒã«ãéžæAPIã¡ã³ããŒãæã¡ãŸãã
HTMLButtonElementã¯çŸåšããã©ãŒã å¶çŽæ€èšŒAPIã¡ã³ããŒããã³labelsãæã¡ãŸãã
HTMLLabelElementã¯çŸåšãã¡ã³ããŒcontrolãæã¡ãŸãã
HTMLFieldSetElementã¯çŸåšãã¡ã³ããŒtypeãelementsããã©ãŒã å¶çŽæ€èšŒAPIã®ã¡ã³ããŒãæã¡ãŸãã
HTMLAnchorElementã¯çŸåšãã¡ã³ããŒrelListãtextãæã¡ãã¡ã³ããŒhrefãoriginãprotocolãusernameãpasswordãhostãhostnameãportãpathnameãsearchãsearchParamsããã³hashãæã€URLUtilsãå®è£
ããŸããHTMLLinkElementããã³HTMLAreaElementã¯ãŸããrelListIDL屿§ãæã¡ãŸããHTMLAreaElementã¯ãŸããURLUtilsã€ã³ã¿ãŒãã§ã€ã¹ãå®è£
ããŸãã
HTMLImageElementã¯çŸåšãã³ã³ãã©ã¯ã¿ãŒImageãããã³ã¡ã³ããŒnaturalWidthãnaturalHeightããã³completeãæã¡ãŸãã
HTMLObjectElementã¯çŸåšãã¡ã³ããŒcontentWindowããã©ãŒã å¶çŽæ€èšŒAPIã¡ã³ããŒããã³ã¬ã¬ã·ãŒã³ãŒã©ãŒãæã¡ãŸãã
HTMLMapElementã¯çŸåšãã¡ã³ããŒimagesãæã¡ãŸãã
HTMLTableElementã¯çŸåšãã¡ã³ããŒcreateTBody()ãæã¡ãŸãã
HTMLIFrameElementã¯çŸåšãã¡ã³ããŒcontentWindowãæã¡ãŸãã
ããã«ãã»ãšãã©ã®æ°ããã³ã³ãã³ãããŸããèŠçŽ ã®ã€ã³ã¿ãŒãã§ã€ã¹ã§å¯Ÿå¿ããIDL屿§ãæã¡ãŸããããšãã°ãsizesã³ã³ãã³ã屿§ãåæ ããHTMLLinkElementã®sizesIDL屿§ãªã©ã
äžéšã®APIã¯çŸåšãå®å šã«åé€ãããããæ§åŒãšããŠããŒã¯ããããã®ããããã§ãã
ãã¹ãŠã®IDL屿§ã¯ãããèªèº«ãæ§åŒã§ããã³ã³ãã³ã屿§ãåæ ããçŸåšããŸãæ§åŒã§ããããšãã°ãæ§åŒã®bgcolorã³ã³ãã³ã屿§ãåæ ããHTMLBodyElementäžã®bgColorIDL屿§ã¯ãçŸåšæ§åŒã§ãã
èŠçŽ ãæ§åŒã§ããã®ã§ã次ã®ã€ã³ã¿ãŒãã§ã€ã¹ã¯æ§åŒãšããŒã¯ãããŸãïŒHTMLAppletElementãHTMLFrameSetElementãHTMLFrameElementãHTMLDirectoryElementããã³HTMLFontElementã
HTMLããŒãµãä»ã®èŠçŽ ã«isindexã¿ã°ãæ¡åŒµããŠããããã«HTMLIsIndexElementã€ã³ã¿ãŒãã§ã€ã¹ãå®å
šã«åé€ãããŸããèŠçŽ ã¯å¹æããããŸããã®ã§ãHTMLIsIndexElementã€ã³ã¿ãŒãã§ã€ã¹ãšäžç·ã«åé€ãããŸããèŠçŽ ã圱é¿ãæããªãã®ã§ãHTMLBaseFontElementã€ã³ã¿ãŒãã§ã€ã¹ãåé€ãããŸãã
ïŒçŸåšDocumentã«ç§»åããïŒHTMLDocumentã€ã³ã¿ãŒãã§ã€ã¹ã®ä»¥äžã®ã¡ã³ããŒã¯çŸåšæ§åŒã§ãïŒanchorsããã³appletsã
The editors would like to thank Ben Millard, Bruce Lawson, Cameron McCormack, Charles McCathieNevile, Dan Connolly, David HÃ¥sÀther, Dennis German, Frank Ellermann, Frank Palinkas, 矜ç°é倪巳 (Futomi Hatano), Gordon P. Hemsley, Henri Sivonen, James Graham, Jens O. Meiert, Jeremy Keith, Jukka K. Korpela, JÃŒrgen Jeka, Krijn Hoetmer, Leif Halvard Silli, Maciej Stachowiak, Mallory van Achterberg, Marcos Caceres, Mark Pilgrim, Martijn Wargers, Martin Leese, Martyn Haigh, Masataka Yakura, Michael Smith, Mike Taylor, Ms2ger, Olivier Gendrin, Ãistein E. Andersen, Philip JÀgenstedt, Philip Taylor, Randy Peterman, Robin Berjon, Steve Faulkner, Toby Inkster, Xaxio Brandish, Yngve Spjeld Landro and Zhong Yu for their contributions to this document as well as to all the people who have contributed to HTML over the years for improving the Web!