티스토리 뷰
<!DOCTYPE>은 HTML 문서의 첫 줄에 위치한 선언문이다. "Document Type Declaration"의 약자로, 웹 브라우저에게 해당 문서가 어떤 버전의 HTML이나 XHTML로 작성되었는지 알려준다. 이 선언문은 웹 브라우저가 문서를 올바르게 해석하고 렌더링 하는 데 필요한 정보를 제공한다.
이 선언문은 HTML5를 사용하여 작성된 문서임을 나타낸다. HTML5는 최신 버전의 HTML 표준으로서, 다양한 기능과 태그를 지원하며 웹 페이지를 보다 구조화된 형식으로 작성할 수 있게 해준다. <!DOCTYPE> 선언문은 웹 브라우저에게 문서를 어떻게 해석해야 하는지 알려주는 중요한 역할을 한다. 정확한 선언문을 사용하면 웹 페이지가 일관성 있게 표시되고 웹 브라우저 간의 호환성 문제를 최소화할 수 있다.
<!DOCTYPE> 선언문은 웹 브라우저에게 "이 웹 페이지는 어떤 버전의 HTML을 사용하여 작성되었고 어떻게 해석해야 하는지 알려줘"라고 말하는 것과 같다. 웹 브라우저는 웹 페이지를 읽어 들일 때 이 선언문을 확인하여 페이지를 올바르게 해석하고 표시한다.
웹 기술 발전과 <!DOCTYPE> 선언문
이런 선언문이 필요한 이유는 웹 기술이 발전하면서 HTML의 버전이나 규칙들도 계속 업데이트되고 변경되었기 때문이다. 각 버전마다 새로운 태그와 기능이 추가되거나 수정되기도 한다. 따라서 웹 브라우저는 페이지를 열기 전에 해당 페이지가 어떤 버전의 HTML을 사용하는지 알아야 한다. 이를 위해 <!DOCTYPE> 선언문을 사용한다.
올바른 <!DOCTYPE> 선언문을 사용하면 웹 브라우저가 문서를 올바르게 해석하고 예상대로 표시할 수 있다. 그렇지 않을 경우 페이지의 레이아웃이 깨지거나 기능이 동작하지 않을 수 있다. 따라서 <!DOCTYPE> 선언문은 웹 페이지의 호환성과 일관성을 유지하기 위해 매우 중요한 역할을 한다.
<!DOCTYPE> 선언문을 작성해야 하는 이유 요약
- 올바른 버전 지정: 웹 브라우저에게 해당 웹 페이지가 어떤 버전의 HTML을 사용하여 작성되었는지 알려준다. 이는 웹 브라우저가 페이지를 올바르게 해석하고 표시하는 데 필요하다.
- 호환성 유지:
<!DOCTYPE>선언문을 통해 웹 페이지가 다른 웹 브라우저나 기기에서도 일관되게 표시되도록 도와준다. 올바른 선언문을 사용하면 호환성 문제를 최소화할 수 있다. - 문서 구조 파악: 웹 브라우저는
<!DOCTYPE>선언문을 통해 문서 구조를 파악하고 이에 따라 페이지를 렌더링 한다. 이는 웹 페이지의 구성과 레이아웃을 정확하게 표시하는 데 중요하다. - 표준 준수: HTML 표준은 지속적으로 발전하고 변경되는데,
<!DOCTYPE>선언문은 해당 표준을 준수하기 위해 필요하다. 올바른 선언문을 작성함으로써 최신 기술과 규칙을 사용할 수 있다. - 오류 방지: 올바른
<!DOCTYPE>선언문을 작성하면 문서 구문 오류를 방지할 수 있다. 웹 브라우저는 선언문을 통해 페이지를 정확하게 해석하고 오류를 예방할 수 있다.
<!DOCTYPE> 선언문의 예시 코드
HTML5의 경우, 다음과 같이 <!DOCTYPE> 선언문을 작성한다.
<!DOCTYPE html>
<html>
<head>
<title>웹 페이지 제목</title>
<!-- 이하의 코드는 head 태그 내부에 작성 -->
</head>
<body>
<!-- 이하의 코드는 body 태그 내부에 작성 -->
</body>
</html>이 코드는 HTML5로 작성된 웹 페이지임을 나타낸다. 웹 브라우저는 이 선언문을 통해 해당 페이지를 HTML5로 해석하고 표시한다.
만약 이전 버전의 HTML인 XHTML 1.0 Transitional을 사용한다면, 다음과 같이 작성할 수 있다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>">위의 코드는 XHTML 1.0 Transitional 버전으로 작성된 웹 페이지임을 나타내며, 해당 버전의 DTD(Document Type Definition) 파일을 참조하고 있다.
선언문은 각 HTML 버전에 따라 약간씩 다를 수 있으며, 문서가 어떤 버전의 HTML을 사용하는지 정확히 명시해야 한다. 따라서 웹 페이지를 작성할 때 적절한 버전의 선언문을 사용하는 것이 중요하다.
'HTML' 카테고리의 다른 글
| 검색 엔진 최적화 SEO란? SEO 진단 / 가이드 / 중요성 (0) | 2021.07.06 |
|---|---|
| HTML의 정의 / HTML5란 / HTML5 원칙 / HTML5와 HTML4 차이점 (0) | 2021.06.26 |
| html DOCTYPE 선언 이유 필요성 (0) | 2021.06.25 |
| [코딩기초] 이미지 형식 jpg, gif, png 차이점, 장단점 (0) | 2021.06.25 |
| [코딩기초] 웹표준과 웹접근성 정의 / 가이드 (0) | 2021.06.25 |