[HTML/CSS] <!DOCTYPE> 독타입 선언하기!!
<!DOCTYPE> 독타입 선언하기!!
|
DOCTYPE은 Document Type의 줄임말로, 이 문서가 어떠한 HTML 버전을 사용하고 있는지를 인터넷 브라우저에게 알리며 해당 버전의 방식대로 해석하라는 선언문이에요. |
독타입의 위치
|
<!DOCTYPE html>
<html>
<head>
<title>웹 문서 제목</title>
</head>
<body>
문서 내용
</body>
</html> |
|
HTML의 기본구조에서 배웠던 <HTML>보다
더욱 먼저 사용되어야할 태그가
독타입선언이에요.
독타입선언에 따라 웹문서의 형태가
달라질 수 있으니 웹표준을 지키기 위해서는
꼭 해야할 필수 조건이라고 볼수 있어요. |
|
독타입의 종류는 크게 3가지 있으며, HTML5 / HTML4.1 / HTML1 버전별로 선언 방식도 달라요. |
|
|
|
|
독타입의 종류
|
1. Strict 엄격모드라고 표현되며 열리고 닫히는 태그, 대소문자등의 문법과 구조가 정확이 맞아야만해요. 2. Transitional 호환모드라고 표현되며 글꼴 등 사용되지 않는 요소를 포함하며 어느정도 구버전의 태그 속성들을 사용할 수 있어요. 3. Frameset 프레임셋을 이용해 제작한 페이지의 경우에만 사용되요. |
독타입의 선언 방식 및 선언 소스
|
HTML5는 단일방식의 소스를 사용하며 대소문자 구분하지 않고, HTML4.1과 HTML1은 위 종류를 따라서 3가지 방식으로 선언합니다. |
HTML5<!DOCTYPE html> |
|
HTML4.1 |
|
1. Strict <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.00 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/html4/loose.dtd"> 2. Transitiona <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 4.00 Transitional//EN" "http://www.w3.org/TR/xthml1/DTD/html4/strict.dtd"> 3. Frameset <!DOCTYPE html PUBLIC"-//W3W//DTD HTML 4.00 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/html4./frameset.dtd"> |
|
HTML1 |
|
1. Strict <!DOCTYPE html PUBLIC"-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.orh/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. Transitiona <!DOCTYPE html PUBLIC"-//W3W//DTD HTML 1.0 Transitional//EN" "http://www.w3c.og/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3. Frameset <!DOCTYPE html PUBLIC"-//W3W//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
|
선언소스는 외우실 필요없이 그냥 복사해서 사용하시면 됩니다. 표현하고 싶은 기능들이 많지만 기초를 모르면 안되겠죠? 처음부터 차근차근 공부해봐요!! |
