DOC TYPE : 브라우저에게 웹 페이지의 문서 종류를 알려주는 선언문을 정의하는 것이다.
왜 문서의 타입을 선언하는가??
브라우저에게 이 문서의 종류를 알려주며 유효성 검증의 기준이 되기 때문이다.
브라우저가 문서를 parsing해서 화면에 올바르게 출력하도록 도와주기 때문이다.
따라서 브라우저가 그 어떤 정보보다도 최우선으로 먼저 알아야하기 때문에 문서의 맨 처음에 선언해줘야 한다.
선언하지 않으면 브라우저는 이 문서의 종류를 알 방법이 없기 때문에 각 브라우저마다 다른 결과물로 표현된다.
(브라우저 호환모드인 Quirks Mode로 rendering된다.)
DOC TYPE의 종류
여러 종류가 있지만 기본적으로 문서를 엄격하게 보냐, 느슨하게 보냐의 차이로 구분한다.
Strict Mode, Transitional Mode, Frameset Mode가 있으며,
Strict Mode가 엄격한 규격을 타나내고, Transitional Mode는 과도기적 규격(Strict 보다는 유연하며, Frameset 보다는 엄격한)을 나타내고, Frameset Mode는 거의 사용하지 않는 타입이다.
DOC TYPE의 버전
많은 버전이 있지만 W3C 표준은 HTML4.0, XHTML1.0, XHTML1.1 버전이 있다.
HTML5
HTML5는 최신 DOC TYPE 버전이며, Standard Mode를 따른다.
XHTML, HTML 2개의 다른 문법을 모두 사용할 수 있다.
HTML tag를 사용할 때 close tag를 작성해주는 문법이 XHTML, close tag없이 open tag로 작성해주는 문법이 HTML
현대의 크롬, 사파리, 파이어폭스, 엣지 등 브라우저는 HTML5를 따른다.
XHTML
< img src="" alt="example" />
HTML
< img src="" alt="example">HTML5 구성요소
의미론: 콘텐츠를 보다 더 정확하게 설명할 수 있도록 허용한다.
연결성: 새롭고 혁신적인 방법으로 서버와 통신할 수 있도록 허용합니다.
오프라인과 저장소: 웹 페이지가 클라이언트 측에서 데이터를 로컬로 저장하여 오프라인에서보다 효율적으로 작동하도록 허용한다.
멀티미디어: 개방형 웹에서 비디오와 오디오를 일급으로 만든다.
2D/3D 그래픽 효과: 훨씬 다양한 프레젠테이션 옵션을 허용한다.
성능과 통합: 컴퓨터 하드웨어의 성능 최적화와 개선으로 더 나은 사용을 제공한다.
장치 접근: 다양한 입출력 장치의 사용을 허용한다.
스타일링: 사용자가 더 세련된 테마를 사용하게 한다.