HTML(Hyper Text Markup Language)와 XHTML(eXtensive Hyper Text Markup Language)는 버전업된 느낌이지만 그렇지 않다.
HTML의 최신 규격은 HTML 5이며 HTML 4.01이후 10년만에 나왔죠.
반면, XHTML은 웹페이지를 기술하기 위해 사용되는 HTML을 XML에 알맞도록 재정의한 마크업언어라고 정의하고 있다.
최신규격 XHTML 1.1로서 문서볼륨을 지정하는 태그가 대부분 폐지되고 문서 구조를 만드는데 특화된 언어로 변하고 있다.
HTML은 SGML(Standard Generalized Markup Language) 언어를 기반으로 나온 마크업 언어
1993년 | HTML 1.0 |
1995년 | HTML 2.0 |
1997년 | HTML 3.2 |
1999년 | HTML 4.01 |
2009년 | HTML 5 |
XHTML은 XML을 기반으로 하여 나온 마크업 언어
2000년 | XHTML 1.0 |
2007년 | XHTML 1.1 2nd |
HTML 문서 구조
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>제목</title><meta name="description" content="설명"></head><body><h1>제목1</h1><p>내용</p>줄바꿈<br>
<img src="blank.gif"></body></html>
XHTML 문서구조
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><html><head><title>제목</title><meta name="description" content="설명" /></head><body><h1>제목1</h1><p>내용</p>줄바꿈<br />
<img src="blank.gif" /></body></html>
차이점은 XHTML은 종료 태그가 마지막에는 무조건 있어야 된다. 싱글 태그인 경우 /를 넣어 종료되었다는 것을 인지하도록 설정
<br />나 <img />
또한, XHTML에서는 의미 요소와 속성명 모두 대/소문자를 구분합니다. 그래서 개발자 입장에서는 의미 요소와 속성을 정의할 때 html과 xhtml 모두 소문자를 사용하는 것이 좋습니다.
xhtml 1.1에는 font나 align과 같은 디자인 요소가 없습니다. 순수하게 콘텐트 의미만 표현하는 마크업 언어입니다.
xhtml 1.1에는 font나 align과 같은 디자인 요소가 없습니다. 순수하게 콘텐트 의미만 표현하는 마크업 언어입니다.