HTML 수업

웹의 신체

HTML 수업 웹의 신체

DTD(Doctype)

요약

Document Type Definition. 문서의 형식을 지정한다.

문법

HTML 3.2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"    "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"    "http://www.w3.org/TR/html4/frameset.dtd">

HTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML Basic 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"  "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

XHTML Basic 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN">

HTML5

<!DOCTYPE html>

설명

웹 기술의 진보에 따라 HTML도 변화 되는데, 변화에 따라 브라우져가 HTML을 해석하는 방식도 변화가 생겼다.
이를 극복하기 위해서 브라우져에게 해당 HTML이 어떤 표준에 따른 것인지를 알려주는 것을 DTD(Document Type Definition)이라고 한다.
DTD는 문서의 제일 위에 위치한다. 

example1. HTML5의 doctype를 적용한 웹페이지. (github)

<!DOCTYPE html>
<html>
    <head>
        <title>DTD</title>
    </head>
    <body>
        Hello, HTML5! 
    </body>
</html> 

참고

댓글

댓글 본문
  1. hoahoedar
  2. agenqilinpoker
  3. boyaqq
  4. prediksi togel mimpi
    The one only prediksi togel mimpi is very good.
    http://prediksitogelmimpi.com/
  5. wahyupoker
    Wahyupoker merupakan situs agen judi bandarqq dan poker online uang asli terpercaya di Indonesia dengan winrate terbaik. http://45.77.44.44
  6. Prediksi Keramat
    Prediksi Togel Keramat : http://128.199.162.86
  7. mitabaru27
    situs dominoqq dan poker88 online terbaik di indonesia https://indopoker88.asia/
  8. togel singapore
    Indotogelz merupakan situs togel online yang menyediakan pasaran togel terbesar seperti togel singapore, togel hongkong, dan togel sidney , juga tersedia data sgp dan pengeluaran sgp, data hk dan data keluaran hk tercepat di indonesia

    https://www.indotogelz.net
  9. sultanw3b
    Lihat Situs Poker Online BandarQQ Terbaik 2020 di SultanQQ dan raih kemenangan ratusan juta rupiah, menang berapapun dibayar hanya di SultanQQ situs poker Online BandarQQ Terbaik di Indonesia

    Gratis Daftar di SultanQQ http://198.187.31.26/
  10. sultanweb
  11. sultanweb
    <a href="http://198.187.31.26/">BandarQQ</a>
  12. alexa
    Google first announced that mobile searches had exceeded desktop searches on a global basis. It's probably safe to assume that the tables have only continued to tip more and more towards mobile searches. Knowing this, why wouldn't you look into how to buy quality mobile traffic? Times are changing ... change with them and look to the best place to buy mobile traffic today! cool
    https://letterboxd.com......6a/
    https://en.gravatar.com......fic
    https://letterboxd.com......nd/
  13. jameste
    couldn't you rather just float around in a pool this summer rather than scrambling to figure out how your target demographic is going to find your website? Want a quick, easy and safe way to increase your visibility while not lifting a finger?
    http://channel0401.info
    http://vipblog.us
    http://winblog.us
    http://businessadministrationcareer.org
  14. maria theresia
    Mukapoker agen situs judi taruhan idn poker online, bandar ceme, ceme keliling, dominoqq, capsa susun, omaha dan super10 menggunakan uang rupiah asli dengan minimal deposit 10ribu rupiah. Kunjungi situs resmi kami sekarang juga dan daftarkan diri kalian sekarang juga untuk bisa mendapatkan ID Login Judi Online serta Bonus Judi IDN Poker Online hingga jutaan rupiah setiap harinya.

    ( http://112.140.185.93 )
  15. linkbandarceme
    Bandar Ceme Pulsa merupakan agen yang paling populer dan mudah melakukan transaksi via pulsa tanpa harus melalui rekening.
    http://216.194.162.181
  16. hamidahdi
  17. TECHNORAZOR
  18. MovingNow
    Looking for professional and verified Packers and Movers Hyderabad ? Your search ends here,hire the most affordable Packers and Movers and save money, know more....

    https://www.movingnow.in......bad
  19. cemeonlineindonesia
    terimakasih sudah membagikan informasi yang sangat bermanfaat http://209.182.194.11/
  20. prediksiadatogel
  21. www.wac3636.com
  22. ChaelinSugar
    <a href="http://idiyapoker.com/">game poker online</a><br>
    <a href="http://linkpokeridn.com/">poker idnplay</a><br>
    <a href="http://linkbaccaratonline.com/">baccarat online indonesia</a><br>
    <a href="http://ceme.xyz/">http://ceme.xyz/</a><br>
  23. ChaelinSugar
    game poker online
    poker idnplay
    baccarat online indonesia
    http://ceme.xyz/
  24. 하드레인
    감사합니다 잘듣겠습니다
  25. NAMO
    감사합니다!
  26. JustStudy
    고맙습니다
  27. 효니
    책을 봐도 안나왔던 내용들인데 너무 이해가 잘 되네요 ^^
  28. 1234
    감사합니다
  29. 보현
    150828 Doctype가 그런거였군요 !
  30. 정윤호
    감사합니다.
  31. 강의 잘 봤습니다.
  32. 어부바
    감사합니다.
  33. 개미
    잘들었어요 ㅎㅎ
  34. Tae Jun Ahn
    감사합니다 잘봤어요
  35. YellowBall
    span이 안먹히네요...
  36. YellowBall
    2015/4/20 <span class='bg_blue'>DTD(Doctype)</span>강의 잘 들었습니다.
  37. 우히힉
    알찬강의 감사합니다!!
  38. 똥그리
    정말잘 들었습니다~
    강의 감사합니다~
  39. 왕초보
    잘들었습니다.
    고맙습니다....^^
  40. 카르테진
    설명 정말 잘 하시는듯...
    독타입이 뭔가 했는데 저것이었군요.
  41. 중견초보
    이렇게 모아서 표현해주시니, 어떤 형식으로 작성되었는지 명확하게 알 수 있내요 ㅋㅋ
  42. 스마트
    강의 잘 들었습니다.
  43. julian
    강의 감사합니다.
  44. 석재근
    dtd 선언시에는 [html]을 입력하고 [:]과 5를 입력한후 자판왼쪽에 있는 [tap]를 눌러주면 html5 독타입 선언이 됩니다. 굉장히 dtd가 쉬운게 장점중 하나구요
  45. 우아
    만약 doctype을 지정하지 않았을시엔 자동으로 html5로 간주하는 것 인가요?
  46. 최창원
    정주행ㄱㄱ
  47. egoing
    거의 없습니다. 그렇다고 해도 다양한 브라우저에서 크로스 플랫폼 테스트는 하셔야 합니다.
    대화보기
    • egoing
      아뇨 생활코딩 홈페이지에서 페이지 소스 보기 해서 copy&paste해도 아무 문제가 없습니다. 그리고 에디터에서 템플릿으로 제공하고 있기도 하고요.
      대화보기
      • 바닥
        doctype이 저런 의미였군요.
        아래 댓글다신 시와님 같이
        코딩을 하려면 외워야 되는 부분인가요???
      • 캥캥
        2013.09.30
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기