[HTML] 표준 모드(Standards mode) VS 호환 모드(Quirks mode)

1. 과거 웹 페이지

 

- 과거 웹 페이지는 넷스케이프 내비게이터용과 인터넷 익스플로러용의 두 가지 버전으로 만들어졌다.

 

- W3C가 웹 표준을 만들면서 브라우저가 웹 사이트를 제대로 표현할 수 없게 되자 렌더링을 할 때 표준 모드와 호환 모드로 렌더링을 할 수 있게 옵션을 제공한다.

 

 

2. 표준 모드(Standards mode)  VS  호환 모드(Quirks mode) 

- 브라우저는 HTML 문서가 DOCTYPE을 가지고 있지 않으면 호환 모드로 렌더링을 하고, 가지고 있다면 주어진 DOCTYPE에 맞게 표준 모드로 렌더링을 한다.

 

- 호환 모드로 렌더링을 하게 되면 오래된 웹페이지들을 최신 버전의 브라우저에서도 깨지지 않게 하기 때문에 각 브라우저마다 다르게 보일 수 있다.

 

-결론적으로 일반적인 경우 DOCTYPE을 명시하여 브라우저가 표준 모드로 렌더링 하게 해야 한다.

 

 

 

출처 : https://developer.mozilla.org/ko/docs/Web/HTML/Quirks_Mode_and_Standards_Mode