[개발상식] HTML의 doctype, 표준모드(standards mode)와 쿽스모드(quirks mode)

Doctype은 Document Type을 의미하는 것으로 HTML 파일의 상단에 선언할 수 있습니다.

<!DOCTYPE html>

위 코드는 html5을 나타내어 브라우저는 이에 맞는 동작을 하게 됩니다.

이를 통해 브라우저 모드를 설정할 수도 있습니다. 브라우저 모드에는 Quirks 모드와 Standards 모드가 있습니다.

이 모드는 Doctype이 없거나 오래된 Doctype일 때 활성화 됩니다.

오래된 Doctype의 예시는 다음과 같습니다

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

오래된 Doctype의 경우 html5 표준과 다른 규칙을 따르기 때문에 이를 통해 이전 버전의 규칙을 따를 수 있게 됩니다.

표준 모드로 다음과 같이 선언합니다

<!DOCTYPE html>

최신 웹 개발 환경의 경우 스탠다드 모드를 활성화 하여야 합니다.

웹 개발 표준을 준수하고, 이에 맞는 렌더링과 호환성을 기대할 수 있습니다.

스탠다드 모드는 html5를 사용하는 최신 웹 개발 환경에 맞게 브라우저 렌더링을 하는 것이고, 쿽스 모드는 이전 버전의 파일을 브라우저에 렌더링하기 위한 모드라고 할 수 있겠습니다!

[개발 상식] 다국어가 포함된 페이지를 제공하는 방식 (0)	2023.10.08
[개발 상식] XML과 XHTML (0)	2023.09.25
[개발 상식] 오버로딩과 오버라이딩(Overloading & Overriding) (0)	2023.09.11
[개발 상식] MSA(MicroService Architecture)란? (0)	2023.08.29
[개발 상식] Ajax, Axios, Fetch API가 무엇일까? (0)	2023.08.13

티스토리툴바