표준모드(standard mode)와 호환모드(Quirks mode, 쿼크 모드)

dana·2021년 11월 7일
0

CS

목록 보기
2/11
post-thumbnail

브라우저의 렌더링 과정에서 브라우저가 doctype을 보고 렌더링할 과정을 선택하게 됨

= doctype sniffing 또는 doctype switching

브라우저가 버전을 확인하는 방법은 doctype을 확인하는 것

문자 상단에 있는 DTD(document type defination)을 확인한다.

DTD는 public 문자열과 FPI(formal public identifier) , FSI(formal system identifier)로 이뤄져있는데

1) FPI와 FSI가 동시에 기술

-> 브라우저가 표준모드로 렌더링

2) FSI만 기술, 아예 기술되어있지 않음

-> 브라우저가 쿼크모드로 렌더링

호환모드의 목적

호환모드는 오래된 웹페이지들이 최신 버전의 브라우저에서 깨져보이지 않기 위해 사용됨.
호환모드 시 브라우저마다 보여지는게 다를 수 있다.

  • 표준 모드 : 출력하는 문서가 최신이라고 판단 -> css2의 스펙에 따라 css 렌더링

  • 호환 모드 : 출력하는 문서가 오래된 문서라고 판단 -> 비표준적인 방법으로 css 렌더링 적용

profile
PRE-FE에서 PRO-FE로🚀🪐!

0개의 댓글