HTML5의 등장으로 웹표준이 이제 정착해가고 있지만 아직도 HTML4.01이나 XHTML1.0을 사용하는 경우도 있기에 정리를 해본다. 


왜 이러한 타입이 나뉘어져있는지 알려면 약간의 배경지식이 필요하다.


아주 간단히 설명해보면


초기 HTML은 단순 텍스트위주의 표현을 위하였지만 

점차 발전을통해 다양한 요소를 표현하고 디자인적인 태그들도 생겼고

IE에 독주로 ActiveX 사용등 특정 브라우저에서만 볼 수 있는 기술들이 생겨났다.


하지만 점점 다양한 플랫폼 다양한 브라우저 사용이 늘어나면서 웹 표준이 필요하게 되었다.


웹 표준을 만들기 위해 HTML4.01 XHTML의 등장의 과정을 겪고 현재 HTML5가 탄생하였다.

웹 표준은 HTML에서는 구조만 짜고 디자인적인 표현요소는 CSS로 분리하였다.


더 자세히 알고싶으면 http://hyoje420.tistory.com/22 참고!

 


즉 현재 HTML5는 다양한 브라우저에서 다 호환이 되고 HTML과 CSS를 분리하면서 기존 HTML의 디자인태그를 삭제하였다. 

하지만 그 전 버전은 한번에 모든 웹 페이지들이 코드를 바꿀 수 없기 때문에 발전 과정에 있어서 하위호완성의 여지를 남겨 두었다.



1. HTML 4.01


버전  :  HTML 4.01 Strict


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


설명  :  strict 단어 뜻대로 웹 표준을 엄격하게 지키는 버전center, font를 포함한 14가지 태그를 사용하지 않습니다.



버전 : 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 Frameset


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

설명  :  프레임 관련 태그까지 모두 사용 가능 



2. XHTML1.0 도 마찬가지로 위와 동일하게 나뉘어 진다


버전  :  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 Transitional


선언부  :  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


설명  :  역시 여전히 쓰이며 기존 웹 페이지와의 호환성을 위해 쓰인다



버전  :  XHTML 1.0 Frameset


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


설명  : 마찬가지 프레임 관련 태그 사용가능



 

3. HTML5


버전 :  HTML5

선언부  :   <!DOCTYPE HTML>


설명  :  선언부가 매우 간단해졌다. 웹표준을 지키며 디자인을 위한 14개의 태그가 삭제되었다. 대형 웹사이트 들은 대부분 HTML5로 갈아탔다. 


요즈음은 HTML5가 많이 쓰이지만 여전히 4.01과 1.0 버전이 보인다.

HTML5가 나온 세대에 살고 있는 나는 편안하게 웹 표준을 공부하면 되겠다.



참고

http://roydest.tistory.com/entry/DOCTYPE-HTML-%EB%B2%84%EC%A0%84-%EC%84%A0%EC%96%B8


+ Recent posts