웹 프런트 엔드 브라우저 - compatMode 혼합 모드 및 표준 모드

1. 소개

브라우저가 문서를 구문 분석하면 document.compatMode 속성에 따라 렌더링됩니다.
해당 값은 다음과 같은 열거형 값입니다.
"BackCompat": 이상한 모드, 혼합 모드라고도 함
"CSS1Compat": 표준 모드 또는 준표준 모드.
또한 준표준 모드는 표준 모드와 동일하며 둘 다 표준 모드로 대체되었습니다.

2. compatMode 호환성

특정 호환 브라우저 버전은 다음과 같습니다.

3. 차이점

IE의 CSS 스타일 상자 모델 렌더링은 표준 모드와 Quirks 모드에서 매우 다릅니다. HTML에 Doctype 선언이 없으면 IE는 기본적으로 Quirks 모드로 설정됩니다. 표준 모드에서는 서로 다른 브라우저가 동일한 방식으로 렌더링되므로 그렇지 않습니다. 성적인 고려 사항에는 훨씬 다른 대우가 필요합니다. (IE6 이상의 전문 테스트에서는 표준 모드를 ​​지원합니다.)
페이지나 영역의 너비와 높이, 스크롤 막대의 위치를 ​​얻는 데는 다음과 같이 큰 차이가 있습니다.

스타일	표준 모드	쿼크 모드
키	document.documentElement.clientHeight	document.body.clientHeight;
너비	document.documentElement.clientWidth	document.body.clientWidth
스크롤 폭	document.documentElement.scrollWidth	document.body.scrollWidth
스크롤 높이	document.documentElement.scrollHeight	document.body.scrollHeight
스크롤왼쪽	document.documentElement.scrollLeft	document.body.scrollLeft
스크롤탑	document.documentElement.scrollTop	document.body.scrollTop