본문 바로가기
html

DOCTYPE 선언하는 이유와 버전별 선언 정리 (HTML5, HTML 4, XHTML)

by 지구별에 2014. 2. 20.

 

 

DOCTYPE(Document Type) 선언을 하는 이유과 버전별 선언(HTML5, HTML 4, XHTML)

 

 

HTML은 버전 별로 지원하는 태그가 조금씩 다른데요..

(HTML 태그 종류와, Document Type 별 지원 태그 목록)

 

 

그래서, HTML이 어떤 버전으로 작성되었는지 미리 선언해,

웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것이 <!DOCTYPE>입니다.

 

<!DOCTYPE>는 태그가 아니며, HTML문서 제일 처음에 옵니다.

(끝내는 </DOCTYPE>는 없음)

 

HTML 문서를 작성할 때는 항상 <!DOCTYPE> 선언문을 추가하는 게 좋습니다.

 

<사용 예>

 

 <!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

 

 

 

 

 

 

[DOCTYPE 버전 종류]

 

 

HTML 5,

HTML 4.01 Strict

HTML 4.01 Transitional 
HTML 4.01 Frameset

 

 

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

 

XHTML 1.1

 

 

 

 

 


[DOCTYPE  버전별 선언문]


HTML 5


<!DOCTYPE html>

 

HTML5.txt

 

 


HTML 4.01 Strict
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

 

HTML 4.01 Strict.txt

 

 

 

HTML 4.01 Transitional
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

HTML 4.01 Transitional.txt

 

 

 

HTML 4.01 Frameset


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 

HTML 4.01 Frameset.txt

 

 

 

XHTML 1.0 Strict


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

XHTML 1.0 Strict.txt

 

 

 

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.txt

 

 

 

XHTML 1.0 Frameset


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

XHTML 1.0 Frameset.txt

 

 

XHTML 1.1


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

 

XHTML 1.1.txt

 

http://www.w3schools.com/ 참조 

 

   

비표준 모드quirks mode, 표준 모드 standards mode 차이와 DOCTYPE

 

HTML 기초 (markup, 브라우저 종류/ XHTML, XML, HTML5, DHTML 차이)

 

[HTML, CSS 기초] class, id 선택자

 

[html/css기초] span, div

 

[html기초] &nbsp; , br, pre, p 태그
 

반응형

댓글