-
[HTML] - Quirks mode (쿼크 모드) , Standard mode(표준 모드)Dev/HTML 2017. 11. 22. 00:00
Quirks mode , Standard mode
웹 페이지는 HTML 과 CSS로 구성된다. 하지만 오래된 웹페이지들은 매우 오래되어서 웹 표준 (W3C) 에 부합하지 않다. 그러다 보니 현재에 와서 렌더링 하는데 의도한대로 출력되지 않는 등의 문제가 생겼다. 그래서 이를 해결하기 위해 렌더링 모드를 갖게 되었다.
웹 브라우저에는 여러가지 렌더링 모드가 있다.
Standard mode : W3C 표준에 따라 렌더링
Quirks mode : 오래된 브라우저의 행동 모방하여 렌더링
Almost Standard mode , Strict mode : Standard mode 와 table cell 에서 Quirks mode로 실행한다는 점 빼고 똑같음
예를 들어) 사파리, 오페라, Gecko 기반의 모든 브라우저 (Firefox 1.0.1 + IE8)
렌더링 모드 선택하기
HTML 문서에 맨 위에 선언된 DOCTYPE 에 따라 렌더링 모드를 선택하게 되는데 (DTD 로 판단), 이 과정을
Doctype Sniffing 또는 Doctype Switching 이라고 한다.
HTML 작성할 때 DOCTYPE 을 선언하면 Standard mode로 실행하고, DOCTYPE 선언이 따로 없으면 Quirks mode모드로 실행
한다.
또한 브라우저가 출력하고자 하는 문서가 최신이라고 판단하면 Standard mode 로 렌더링하고, 예전 문서라고 판단을 하면
Quirks mode 로 렌더링을 하게 된다.
Quirks mode 의 결론은 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져 보이지 않으려는 것에 있다.
- DTD에 FPI 와 FSI 가 DOCTYPE 에 동시에 기술되어 있을 경우 = Standard mode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- DTD에 FPI 만 기술되어 있을 경우 = Quirks mode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
'Dev > HTML' 카테고리의 다른 글
[HTML] HTML 5.2 변화, 특징 정리 (0) 2017.12.17 [HTML] - <! DOCTYPE> 에 대해서 (0) 2017.11.21