DTD (Document Type Definition)

ํ˜ธํ™˜ ๋ชจ๋“œ์™€ ํ‘œ์ค€ ๋ชจ๋“œ

์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๋ ˆ์ด์•„์›ƒ ์—”์ง„์€ ๋‹ค์Œ ์„ธ๊ฐ€์ง€ ๋ฐฉ์‹์˜ ๋žœ๋”๋ง ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•œ๋‹ค.

๋žœ๋”๋ง ๋ชจ๋“œ ๋ž€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์›น ํŽ˜์ด์ง€๋ฅผ ํ•ด์„ ๋ฐ ์ฝ๋Š” ๋ฐฉ์‹์ด๋‹ค.

  • Quirks Mode (ํ˜ธํ™˜ / ๋น„ํ‘œ์ค€ ๋ชจ๋“œ)
    • ๋‚ด๋น„๊ฒŒ์ดํ„ฐ (Navigator 4) ์™€ IE5 ์˜ ๋น„ํ‘œ์ค€ ๋™์ž‘๋“ค์„ ์—๋ฎฌ๋ ˆ์ด์…˜ ํ•œ๋‹ค.
  • Almost Standards Mode (๊ฑฐ์˜ ํ‘œ์ค€ ๋ชจ๋“œ)
    • ์ผ๋ถ€ (Table Cell ๋“ฑ๊ณผ ๊ฐ™์€) ์—์„œ๋งŒ ๋น„ํ‘œ์ค€์„ ๋”ฐ๋ฅด๊ณ  ๋Œ€๋ถ€๋ถ„์€ ํ‘œ์ค€๋ชจ๋“œ๋ฅผ ๋”ฐ๋ฅธ๋‹ค.
  • Standards Mode (ํ‘œ์ค€ ๋ชจ๋“œ)
    • HTML ๊ณผ CSS ๋ฅผ ํ‘œ์ค€ ๋ช…์„ธ์— ๋”ฐ๋ผ ์ฝ๋Š”๋‹ค.

๋”ฐ๋ผ์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์„ฑํ•œ HTML ๋ฌธ์„œ๋ฅผ ์˜๋„์— ๋งž๊ฒŒ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ฐ˜๋“œ์‹œ ํ‘œ์ค€๋ชจ๋“œ๋กœ ์‹คํ–‰ ํ•ด์•ผ ํ•œ๋‹ค.

DOCTYPE

HTML ์—์„œ์˜ ๋ฌธ์„œํ˜•์‹์„ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์œผ๋กœ Document Type Definition ์ค„์—ฌ์„œ DTD ๋ผ๊ณ  ํ•˜๋ฉฐ DTD ๋Š” HTML ๋ฌธ์„œ์— ์ฒซ๋ฒˆ์งธ์— ์œ„์น˜ ํ•ด์•ผ ํ•œ๋‹ค.

์ด๋Š” ๋ฌธ์„œํ˜•์‹์€ HTML ๋ฒ„์ „๊ณผ ์ข…๋ฅ˜๋ฅผ ๋ช…์‹œํ•จ์œผ๋กœ์จ, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ฌธ์„œ๋ฅผ ํ•ด์„ํ•˜๊ณ  ์ถœ๋ ฅํ•˜๋Š”๋ฐ ์ง์ ‘์ ์œผ๋กœ ์˜ํ–ฅ ์„ ์ค€๋‹ค.

์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ฌธ์„œํ˜•์‹์ด ์ง€์ •๋œ ๊ฒฝ์šฐ์—๋Š” ํ‘œ์ค€ (Standards Mode) ๋ฐฉ์‹, ๊ทธ๋ ‡์ง€ ์•Š๋Š” ๊ฒฝ์šฐ์—๋Š” ํ˜ธํ™˜ (Quirks Mode) ๋ฐฉ์‹์œผ๋กœ ์ถœ๋ ฅํ•œ๋‹ค.

ํ˜ธํ™˜ ์ถœ๋ ฅ ๋ฐฉ์‹ (Quirks Rendering Mode) ํŠน์ง•

  • ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ์„ ๋žœ๋”๋ง (์ฝ๊ธฐ, ํ•ด์„, ์ถœ๋ ฅ) ํ•˜๋Š” ์‹œ๊ฐ„์ด ๋” ๊ฑธ๋ฆฐ๋‹ค.
  • ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค HTML ์ถœ๋ ฅ์„ ๊ฐ๊ฐ ๋‹ค๋ฅด๊ฒŒ ์ถœ๋ ฅํ•œ๋‹ค.

์‚ฌ์šฉ ์˜ˆ

<!DOCTYPE html>
<html>
    <head></head>
    <body></body>
</html>