🤔Doctype이 무엇인가요?
Doctype은 Document Type을 의미하는 것으로 HTML 파일의 상단에 선언할 수 있습니다.
<!DOCTYPE html>
위 코드는 html5을 나타내어 브라우저는 이에 맞는 동작을 하게 됩니다.
이를 통해 브라우저 모드를 설정할 수도 있습니다. 브라우저 모드에는 Quirks 모드와 Standards 모드가 있습니다.
🤔Quirks 모드
이 모드는 Doctype이 없거나 오래된 Doctype일 때 활성화 됩니다.
오래된 Doctype의 예시는 다음과 같습니다
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
오래된 Doctype의 경우 html5 표준과 다른 규칙을 따르기 때문에 이를 통해 이전 버전의 규칙을 따를 수 있게 됩니다.
🤔Standards 모드
표준 모드로 다음과 같이 선언합니다
<!DOCTYPE html>
최신 웹 개발 환경의 경우 스탠다드 모드를 활성화 하여야 합니다.
웹 개발 표준을 준수하고, 이에 맞는 렌더링과 호환성을 기대할 수 있습니다.
😎요약!
스탠다드 모드는 html5를 사용하는 최신 웹 개발 환경에 맞게 브라우저 렌더링을 하는 것이고, 쿽스 모드는 이전 버전의 파일을 브라우저에 렌더링하기 위한 모드라고 할 수 있겠습니다!
반응형
'개발관련 > 개발 상식' 카테고리의 다른 글
| [개발 상식] 다국어가 포함된 페이지를 제공하는 방식 (1) | 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 |