ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

ๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใจๆจ™ๆบ–ใƒขใƒผใƒ‰ใ‚’็†่งฃใ™ใ‚‹

ใ‹ใคใฆใ‚ฆใ‚งใƒ–ใงใฏใ€ใ‚ˆใ 2 ใคใฎใƒใƒผใ‚ธใƒงใƒณใฎใƒšใƒผใ‚ธใ‚’ไฝœๆˆใ—ใฆใ„ใพใ—ใŸใ€‚ใฒใจใคใฏ Netscape Navigator ๅ‘ใ‘ใ€ใ‚‚ใ†ใฒใจใคใฏ Microsoft Internet Explorer ๅ‘ใ‘ใงใ™ใ€‚ W3C ใŒใ‚ฆใ‚งใƒ–ๆจ™ๆบ–ใ‚’ไฝœๆˆใ—ใŸใจใใ€ใ‚ฆใ‚งใƒ–ไธŠใฎใปใจใ‚“ใฉใฎๆ—ขๅญ˜ใ‚ตใ‚คใƒˆใฎ่กจ็คบใŒๅฃŠใ‚Œใ‚‹ใŸใ‚ใ€ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฏใ‚ฆใ‚งใƒ–ๆจ™ๆบ–ใ‚’ๆŽก็”จใ—ๅง‹ใ‚ใ‚‹ใ“ใจใŒใงใใพใ›ใ‚“ใงใ—ใŸใ€‚ใใฎใŸใ‚ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฏใ€ๆจ™ๆบ–ใซๆบ–ๆ‹ ใ—ใŸๆ–ฐใ—ใ„ใ‚ตใ‚คใƒˆใจไปฅๅ‰ใฎๅคใ„ใ‚ตใ‚คใƒˆใ‚’ๅŒบๅˆฅใ—ใฆๆ‰ฑใ†ใŸใ‚ใซใ€2 ใคใฎใƒขใƒผใƒ‰ใ‚’ๅฐŽๅ…ฅใ—ใพใ—ใŸใ€‚

ใ‚ฆใ‚งใƒ–ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎใƒฌใ‚คใ‚ขใ‚ฆใƒˆใ‚จใƒณใ‚ธใƒณใงไฝฟ็”จใ•ใ‚Œใ‚‹ใƒขใƒผใƒ‰ใฏใ€ๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ (quirks mode)ใ€้™ๅฎšๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ (limited-quirks mode)ใ€้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ (no-quirks mode) ใฎ 3 ็จฎ้กžใซใชใ‚Šใพใ—ใŸใ€‚ๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงใฏใ€ใƒฌใ‚คใ‚ขใ‚ฆใƒˆใฏ Navigator 4 ใ‚„ Internet Explorer 5 ใฎๅ‹•ไฝœใ‚’ใ‚จใƒŸใƒฅใƒฌใƒผใƒˆใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ€ใ‚ฆใ‚งใƒ–ๆจ™ๆบ–ใŒๅบƒใๆŽก็”จใ•ใ‚Œใ‚‹ๅ‰ใซๆง‹็ฏ‰ใ•ใ‚ŒใŸใ‚ฆใ‚งใƒ–ใ‚ตใ‚คใƒˆใซๅฏพๅฟœใ™ใ‚‹ใŸใ‚ใซไธๅฏๆฌ ใงใ™ใ€‚้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงใฏใ€HTML ใ‚„ CSS ใฎไป•ๆง˜ๆ›ธใงๆ›ธใ‹ใ‚Œใฆใ„ใ‚‹้€šใ‚Šใซๅ‹•ไฝœใ—ใพใ™ (ใใฎใ‚ˆใ†ใซๆœŸๅพ…ใ•ใ‚Œใฆใ„ใพใ™)ใ€‚้™ๅฎšๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงใฏใ€ใ”ใๅฐ‘ๆ•ฐใฎไบ’ๆ›ๅ‹•ไฝœใŒๅฎŸ่ฃ…ใ•ใ‚Œใฆใ„ใพใ™ใ€‚

้™ๅฎšๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใจ้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใฏใ€ใใ‚Œใžใ‚Œใ€Œๆบ–ๆจ™ๆบ–ใ€ใƒขใƒผใƒ‰ใพใŸใฏใ€ŒๅฎŒๅ…จๆจ™ๆบ–ๆบ–ๆ‹ ใ€ใƒขใƒผใƒ‰ใจใ‚‚ๅ‘ผใฐใ‚Œใพใ™ใ€‚ใ“ใ‚Œใ‚‰ใฎๅๅ‰ใฏใ€ๅ‹•ไฝœใŒๆจ™ๆบ–ๅŒ–ใ•ใ‚ŒใŸใŸใ‚ๅค‰ๆ›ดใ•ใ‚Œใพใ—ใŸใ€‚

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใŒๅˆฉ็”จใ™ใ‚‹ใƒขใƒผใƒ‰ใ‚’ๆฑบๅฎšใ™ใ‚‹ๆ–นๆณ•

HTML ๆ–‡ๆ›ธใซใคใ„ใฆใฏใ€ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฏๆ–‡ๆ›ธใฎๅ…ˆ้ ญใซใ‚ใ‚‹ doctype ใ‚’ไฝฟ็”จใ—ใฆใ€ๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงๅ‡ฆ็†ใ™ใ‚‹ใ‹ใ€ๆจ™ๆบ–ๆบ–ๆ‹ ใƒขใƒผใƒ‰ใงๅ‡ฆ็†ใ™ใ‚‹ใ‹ใ‚’ๆฑบๅฎšใ—ใพใ™ใ€‚ใƒšใƒผใ‚ธใง็ขบๅฎŸใซๅฎŒๅ…จๆจ™ๆบ–ๆบ–ๆ‹ ใƒขใƒผใƒ‰ใŒไฝฟ็”จใ•ใ‚Œใ‚‹ใ‚ˆใ†ใซใ™ใ‚‹ใซใฏใ€ไปฅไธ‹ใฎไพ‹ใฎใ‚ˆใ†ใช doctype ใ‚’ไฝฟ็”จใ™ใ‚‹ใ‚ˆใ†ใซใ—ใฆใใ ใ•ใ„ใ€‚

html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Hello World!</title>
  </head>
  <body></body>
</html>

ใ“ใฎไพ‹ใซใ‚ใ‚‹ doctype ใฎ <!doctype html> ใฏใ‚‚ใฃใจใ‚‚ใ‚ทใƒณใƒ—ใƒซใชๅฝขๅผใงใ‚ใ‚Šใ€HTML ๆจ™ๆบ–ใงๆŽจๅฅจใ•ใ‚Œใฆใ„ใ‚‹ใ‚‚ใฎใฎใฒใจใคใงใ™ใ€‚ไปฅๅ‰ใฎใƒใƒผใ‚ธใƒงใƒณใฎ HTML ๆจ™ๆบ–ใงใฏไป–ใฎๅฝขๅผใ‚’ๆŽจๅฅจใ—ใฆใ„ใพใ—ใŸใŒใ€็พ่กŒใฎใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฏใ™ในใฆใ€ใ“ใฎ doctype ใซๅฏพใ—ใฆ้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใ‚’ไฝฟ็”จใ—ใพใ™ใ€‚ใ‚ˆใ‚Š่ค‡้›‘ใช doctype ใ‚’ไฝฟ็”จใ™ในใ็†็”ฑใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚ไป–ใฎ doctype ใ‚’ไฝฟ็”จใ™ใ‚‹ๅ ดๅˆใฏใ€ๆบ–ๆจ™ๆบ–ใƒขใƒผใƒ‰ใ‚„ๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใŒ้ฉ็”จใ•ใ‚Œใ‚‹ใŠใใ‚ŒใŒใ‚ใ‚Šใพใ™ใ€‚

doctype ใฏ HTML ๆ–‡ๆ›ธใฎๅ…ˆ้ ญใ€ไป–ใฎใ‚ณใƒณใƒ†ใƒณใƒ„ใฎๅ‰ใซ็ฝฎใใ‚ˆใ†ใซใ—ใฆใใ ใ•ใ„ใ€‚

<!doctype html> ใฎๅ”ฏไธ€ใฎ็›ฎ็š„ใฏใ€้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใ‚’ๆœ‰ๅŠนใซใ™ใ‚‹ใ“ใจใ ใ‘ใงใ™ใ€‚ๅคใ„ใƒใƒผใ‚ธใƒงใƒณใฎ HTML ๆจ™ๆบ–ใงใฏ doctype ใซไป–ใฎๆ„ๅ‘ณใ‚’ไธŽใˆใฆใ„ใพใ—ใŸใŒใ€ใƒฌใƒณใƒ€ใƒชใƒณใ‚ฐใƒขใƒผใƒ‰ใ‚’ๅˆ‡ใ‚Šๆ›ฟใˆไปฅๅค–ใฎ็›ฎ็š„ใง doctype ใ‚’ไฝฟ็”จใ™ใ‚‹ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฏใ‚ใ‚Šใพใ›ใ‚“ใงใ—ใŸใ€‚

when different browsers choose various modes ใ‚‚ใ”่ฆงใใ ใ•ใ„ใ€‚

XHTML

ใƒšใƒผใ‚ธใ‚’ XHTML ใจใ—ใฆๆไพ›ใ™ใ‚‹ใŸใ‚ใซ application/xhtml+xml ใฎ MIME ใ‚ฟใ‚คใƒ—ใ‚’ Content-Type ใƒ˜ใƒƒใƒ€ใƒผใงไฝฟ็”จใ™ใ‚‹ๅ ดๅˆใ€ doctype ใ‚’ไฝฟ็”จใ—ใฆๆจ™ๆบ–ๆบ–ๆ‹ ใƒขใƒผใƒ‰ใ‚’ๆœ‰ๅŠนใซใ™ใ‚‹ๅฟ…่ฆใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚ๆ–‡ๆ›ธใฏๅธธใซใ€ŒๅฎŒๅ…จๆจ™ๆบ–ๆบ–ๆ‹ ใƒขใƒผใƒ‰ใ€ใŒไฝฟ็”จใ•ใ‚Œใ‚‹ใ‹ใ‚‰ใงใ™ใ€‚

text/html ใฎ MIME ใ‚ฟใ‚คใƒ—ใ‚’ไฝฟ็”จใ—ใฆ XHTML ๅฝขๅผใฎใ‚ณใƒณใƒ†ใƒณใƒ„ใ‚’ๆไพ›ใ™ใ‚‹ๅ ดๅˆใฏใ€ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใŒ HTML ใจใ—ใฆ่ชญใฟ่พผใฟใพใ™ใฎใงใ€ๆจ™ๆบ–ๆบ–ๆ‹ ใƒขใƒผใƒ‰ใ‚’ไฝฟ็”จใ™ใ‚‹ใŸใ‚ใซ doctype ใŒๅฟ…่ฆใงใ™ใ€‚

ใฉใฎใƒขใƒผใƒ‰ใŒไฝฟใ‚ใ‚Œใฆใ„ใ‚‹ใ‹ใ‚’็ขบ่ชใ™ใ‚‹ใซใฏ

ใƒšใƒผใ‚ธใŒๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใพใŸใฏ้™ๅฎšๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงใƒฌใƒณใƒ€ใƒชใƒณใ‚ฐใ•ใ‚ŒใŸๅ ดๅˆใ€ Firefox ใฏ้–‹็™บ่€…ใƒ„ใƒผใƒซใฎใ‚ณใƒณใ‚ฝใƒผใƒซใ‚ฟใƒ–ใซ่ญฆๅ‘Šใ‚’ใƒญใ‚ฐๅ‡บๅŠ›ใ—ใพใ™ใ€‚ใ“ใฎ่ญฆๅ‘ŠใŒ่กจ็คบใ•ใ‚Œใชใ„ๅ ดๅˆใ€ Firefox ใฏ้žๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใ‚’ไฝฟ็”จใ—ใฆใ„ใพใ™ใ€‚

JavaScript ใง document.compatMode ใฎๅ€คใ‚’ๅ–ๅพ—ใ™ใ‚‹ใจใ€ใใฎๆ–‡ๆ›ธใŒไบ’ๆ›ใƒขใƒผใƒ‰ใงใ‚ใ‚‹ใ‹ใฉใ†ใ‹ใŒ่กจ็คบใ•ใ‚Œใพใ™ใ€‚ ใใฎๅ€คใŒ "BackCompat" ใฎๅ ดๅˆใ€ใใฎๆ–‡ๆ›ธใฏๅพŒๆ–นไบ’ๆ›ใƒขใƒผใƒ‰ใงใ™ใ€‚ ใใ†ใงใชใ„ๅ ดๅˆใฏใ€ๅ€คใŒ "CSS1Compat" ใจใชใ‚Šใพใ™ใ€‚