<!DOCTYPE> 선언은 HTML 문서의 첫 번째 줄에 위치하며, 브라우저에게 문서가 어떤 HTML 버전을 사용하고 있는지 알려주는 역할을 합니다. HTML5에서는 <!DOCTYPE html> 선언을 사용하여 문서가 HTML5 표준을 따르고 있음을 명시합니다.
왜 <!DOCTYPE>이 중요한가?
- 호환성 모드:
<!DOCTYPE>선언을 통해 브라우저가 문서를 표준 모드로 렌더링하게 합니다.<!DOCTYPE>선언이 없거나 잘못된 경우, 브라우저는 문서를 호환성 모드(quirks mode)로 렌더링할 수 있으며, 이는 CSS와 JavaScript가 예상치 못한 방식으로 동작하게 만들 수 있습니다. - HTML 버전 지정:
<!DOCTYPE>선언은 문서가 어떤 HTML 버전을 사용하고 있는지 명확히 합니다. 이는 브라우저가 문서를 올바르게 해석하고 렌더링하는 데 도움을 줍니다.
HTML5에서의 <!DOCTYPE>
HTML5에서는 <!DOCTYPE html> 선언을 사용합니다. 이는 매우 간단하고 다른 버전의 HTML과 비교했을 때 훨씬 짧습니다. 이전 버전의 HTML에서는 <!DOCTYPE> 선언이 더 길고 복잡했습니다.
<!DOCTYPE html>
이전 HTML 버전에서의 <!DOCTYPE>
이전 HTML 버전에서는 <!DOCTYPE> 선언이 더 복잡했습니다. 예를 들어, HTML 4.01에서는 다음과 같은 선언이 사용되었습니다:
- HTML 4.01 Strict: 웹 페이지가 엄격한 HTML 4.01 표준을 따르도록 합니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<http://www.w3.org/TR/html4/strict.dtd>"> - HTML 4.01 Transitional: 웹 페이지가 HTML 4.01 표준을 따르면서도 이전 버전의 HTML과의 호환성을 유지하도록 합니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<http://www.w3.org/TR/html4/loose.dtd>"> - HTML 4.01 Frameset: 프레임셋을 사용하는 HTML 4.01 문서를 위한 선언입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "<http://www.w3.org/TR/html4/frameset.dtd>">
XHTML에서의 <!DOCTYPE>
XHTML 1.0에서는 다음과 같은 <!DOCTYPE> 선언이 사용되었습니다:
- XHTML 1.0 Strict: 엄격한 XHTML 1.0 표준을 따릅니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>"> - XHTML 1.0 Transitional: XHTML 1.0 표준을 따르면서도 이전 버전의 HTML과의 호환성을 유지합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>"> - XHTML 1.0 Frameset: 프레임셋을 사용하는 XHTML 1.0 문서입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd>">
넙-죽