DOCTYPE?

ChungKyu Kim·2022년 3월 28일
0

TIL

목록 보기
31/52

DOCTYPE이란?

DTD = Document Type Definition
HTML의 문서형식을 정의해주는 것

Doctype선언을 왜 해야할까?

DOCTYPE을 선언하지 않을 시 각 브라우저의 기준대로 렌더링을 실행한다 (쿼크모드)

다시말해, DOCTYPE을 선언해주어야 모든 브라우저에서 개발자의 의도대로 레이아웃등이 렌더된다.
(DOCTYPE을 통해 이렇게 렌더링해라!)

표준모드와 쿼크모드

웹브라우저의 레이아웃 엔진

표준모드

  • 브라우저에서 HTML문서를 처리할 때 DTD가 선언되어 있으면 w3c에서 정의한 방에 따라 처리
    쿼크모드(호환모드)
  • 각 브라우저에서 정의된 방법으로 처리(박스모델, width, height같은 레이아웃에 차이)
  • 기존 방식으로 제작된(오래된) 웹사이트들을 표현하기 위해 모방해 표현해준다.

DOCTYPE의 종류

  • HTML5
    <!DOCTYPE html>
    HTML5에서 권장하는 방법, 다른 DOCTYPE을 사용할 경우 거의 표준모드나 호환모드를 렌더링 할 수 있다.

*거의 표준모드 - 소수의 호환모드 요소만 지원

HTML 4.01 css를 분리하기 시작

  • HTML 4.01 Strict (엄격모드)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
font등의 14가지 태그 사용 X

  • HTML 4.01 Transitional(호환모드)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
모든 태그 사용 가능

XHTML은 HTML로 XML은
HTML은 태그가 정해져 있는 반면 XHTML은 정해져 있지 않아 사용자가 정의하여 추가해도 동작해 확장성이 좋다.
한줄 - XHTML은 HTML의 계열인 XML을 기반으로한 마크업언어, HTML은 표준 마크업언어

  • XHTML 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">
기존의 웹페이지와 호환성을 위해 사용

한줄리뷰

  • 쿼크모드는 렌더링하는데 오래 걸린다. 브라우저마다 레이아웃이 달라질 수 있다.
    -HTML5 쓰자.
profile
프리비엣!

0개의 댓글