개발후라이
개발후라이
개발후라이
  • 분류 전체보기 (287)
    • Web Front End (76)
      • Javascript & Typescript (26)
      • React (12)
      • Vue (4)
      • Nodejs (1)
      • HTML (6)
      • CSS (8)
      • HTTP (6)
      • 책 - Review (8)
    • TIL (0)
    • Problem Solved (135)
      • 알고리즘 (4)
      • BOJ (67)
      • Programmers (8)
      • HackerRank (33)
      • LeetCode (23)
    • 회고 (4)
      • 오늘의 회고 (16)
      • 주간 회고 (15)
      • 월간 회고 (7)
      • WakaTime (9)
    • Git (3)
    • 기타 (15)
      • 취업 (5)
      • 자격증 (1)

블로그 메뉴

  • GitHub
  • LinkedIn
  • 홈

인기 글

태그

  • TypeScript
  • 노마드북클럽
  • 개발자
  • JavaScript
  • 회고
  • 릿코드
  • 프론트엔드
  • 자바스크립트
  • 오늘의회고
  • 노개북

최근 댓글

최근 글

전체 방문자
오늘
어제

티스토리

hELLO · Designed By 정상우.
개발후라이

개발후라이

[HTML] DOCTYPE html에 대해서 알아보자
Web Front End/HTML

[HTML] DOCTYPE html에 대해서 알아보자

2020. 2. 14. 12:02
반응형

DOCTYPE html 선언 의미

  • 웹문서가 어떤 버전의 html 언어로 작성되었는지 결정하는 기능
  • DTD로 정의되어 웹브라우저에 전달됨
  • 브라우저: 선언된 문서 버전에 맞는 html 기술로 페이지 로드

DTD란?

  • Document Type Declaration

  • 브라우저 랜더링 모드를 지정해 줌

  • 유효성 검증기의 기준이 됨

  • XHTML 문서의 상단에 반드시 선언해야 함

    ⇒ 생략하거나 형식이 잘못되면 엉뚱한 결과물이 출력되는 문제 발생함

    ⇒ 웹 브라우저마다 코드의 해석방식이 다른 호환모드(Quirks mode)로 랜더링되기 때문에

DTD 기본형식

  • 최상위 element name: 이 문서는 html 문서이다.

  • 공개 범위: 국제적이다.

  • DTD 만든 기관: 비공인인증인 W3C기관에 의해 XHTML 1.0을 Transitional 방식으로 영어공용어로 출력한다.

  • 참조할 DTD 문서: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

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

html 문서 버전의 종류

  • html5
  • html4 이하
  • xhtml

🌟 구버전(html4 이하)과 신버전(html5)와의 호환성을 유지하기 위해 문서 선언은꼭 해야 한다.

html 문서 버전별 선언 방법

참고

  • https://dasima.xyz/doctype-html/
  • https://maen2001.tistory.com/2
  • 브라우저별 DOCTYPE 해석표: https://meyerweb.com/eric/dom/dtype/dtype-grid.html
  • https://caniuse.com/
반응형
저작자표시 (새창열림)
    'Web Front End/HTML' 카테고리의 다른 글
    • DOM과 브라우저 동작방식
    • [HTML] <div> tag 의미와 의문점 정리
    • [HTML] 특수문자 Unicode
    • [HTML] <meta> tag 용도와 종류
    개발후라이
    개발후라이
    어제보다 오늘 발전하기 위한 공간 https://github.com/choisohyun

    티스토리툴바