[프론트엔드 면접 문제 은행] Quirks mode (쿼크 모드) , Standard mode(표준 모드) 란?

gun·2020년 8월 20일
2

면접문제은행

목록 보기
6/6

쿼크 모드, 표준 모드를 사용해야 하는 이유

웹 페이지는 HTML 과 CSS로 구성된다. 하지만 오래된 웹페이지들은 매우 오래되어서 웹 표준 (W3C) 에 부합하지 않다. 그러다 보니 현재에 와서 렌더링 하는데 의도한대로 출력되지 않는 등의 문제가 생겼다. 그래서 이를 해결하기 위해 렌더링 모드를 갖게 되었다

표준모드(Standard mode)

브라우저가 출력하고자 하는 문서가 최신이라 판단되면 표준모드로 렌더링 하는데, CSS2 스펙에 따라 CSS가 적용되었다는 것을 의미한다.

쿼크 모드(Quirks mode)

쿼크모드의 목적은 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져 보이지 않으려는 것이다.

렌더링 모드 선택하기

HTML 문서에 맨 위에 선언된 DOCTYPE 에 따라 렌더링 모드를 선언하게 되는데, 이 과정을 Doctype Sniffing 또는 Doctype Swiching 이라고 한다.

HTML을 작성할 때 DOCTYPE 을 선언하면 Standard mode로 실행하고, DOCTYPE 선언이 따로 없으면 Quirks mode로 실행한다.

또한 브라우저가 출력하고자 하는 문서가 최신이라고 판단하면 Standard mode 로 렌더링하고, 예전 문서라고 판단을 하면 Quirks mode 로 렌더링을 하게 된다.

정리

  • Quirks mode 의 결론은 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져 보이지 않으려는 것
  • Standard mode의 결론은 오래되지 않은 웹 페이지들의 표준 모드 이다.

0개의 댓글