[호환 모드(Quirks mode)와 표준 모드 (Standards mode)]
과거 브라우저 전쟁의 양대산맥이었던 Netscape Navigator와 IE의 독과점으로 인해 해당 시기의 웹 페이지는 서로 다른 웹 기준을 기반으로 작성되었다. 브라우저 전쟁이 끝나고 W3C를 통한 웹 표준을 제정하게 됨에 따라 기존의 웹 브라우저들은 새롭게 만들어진 웹 표준을 기반으로 하는 웹 사이트들을 제대로 표현할 수 없게 되었다. 따라서 웹 브라우저들은 웹 표준을 따른 사이트와 그 이전에 제작된 사이트를 모두 렌더링하기 위한 두 가지 모드를 제공하게 되었다.
웹 브라우저의 레이아웃 엔진으로 호환 모드(quirks mode), 거의 표준 모드(almost standards mode), 표준 모드(standards mode)가 존재한다.
- 호환 모드: 웹 표준 이전의 방식으로 제작된 웹 사이트들을 표현하기 위해 Navigator4와 IE5의 비표준 동작들을 애뮬레이션 한다.
- 거의 표준 모드: 적은 수의 호환 모드 요소만 지원한다.
- 표준 모드: HTML과 CSS에 의해 웹 페이지가 표시된다.
[호환 모드와 표준 모드의 차이점]
호환 모드와 표준 모드는 아래와 같은 차이점들이 존재한다.
1. IE 박스 모델 버그
- 호환 모드: width 계산 시, padding, border를 포함한다.
- 표준 모드: width 계산 시, padding, border를 포함하지 않는다.
2. 특정 유형의 inline content 수직 정렬
- 호환 모드: 박스의 border bottom에 맞추어 이미지를 정렬한다.
- 표준 모드: baseline에 맞추어 정렬한다.
3. 테이블 내 font size 상속
- 호환 모드: table 내 텍스트는 기본 font size를 상속하지 않는다.
- 표준 모드: table 내 텍스트는 기본 font size 값을 상속한다.
[참고자료]
"모드 차이점 및 예시": https://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types
Quirks mode - Wikipedia
In computing, quirks mode refers to a technique used by some web browsers for the sake of maintaining backward compatibility with web pages designed for old web browsers instead of strictly complying with W3C and IETF standards in standards mode. Overview[
en.wikipedia.org
"브라우저가 다양한 모드를 판단할 때": https://hsivonen.fi/doctype/
Activating Browser Modes with Doctype
In the Quirks mode the browsers violate Web format specifications in order to avoid “breaking” pages authored according to practices that were prevalent in the late 1990s. Previously, different browsers implemented different quirks. In particular, in I
hsivonen.fi
'Study > HTML' 카테고리의 다른 글
| [HTML] emmet 작성법 (0) | 2022.08.31 |
|---|---|
| [HTML] Content model (0) | 2022.03.11 |
| [HTML] DOCTYPE 선언 (0) | 2022.03.11 |
| [HTML] HTML 기본 템플릿 (0) | 2022.03.11 |
| [HTML] HTML이란? (0) | 2022.03.11 |