HTML& CSS/HTML

XHTML - XHTML(Extensible HTML) 문서란

본클라쓰 2012. 4. 25. 14:32

 

XHTML은 HTML 의 확장 버전으로 HTML에 엄격하고 명백하게 태그 사용을 제한한 것을 말한다. XHTML은 (eXtensive HyperText MarkUp Language)의 약어이다. HTML 4.01 버전 부터 XHTML 문서라고 칭한다.


XHTML은 HTML 문서이지만 XML 의 요소를 가미한 HTML 문서로 현재 W3에서 권장하고 있다. XHTML은 HTML 4.01버전과 호환 가능하며 모든 브라우저들은 XHTML을 지원한다. XML 문서의 특징은 태그를 사용하여 데이터를 감싸 데이터를 구분할 수 있게 제작된 언어이며, HTML은 데이터를 구조적으로 표현하기 위한 언어이다. 이런 점을 결합시킨 것이 XHTML이다. XHTML 은 HTML 4.01 버전의 모든 태그 엘레멘트를 포함하고 있으며 엄격한 XML 문법을 따른다.

 


 

왜 XHTML이 등장하는가?

 

웹 상에 있는 많은 문서들이 잘못된 방법을 사용하여 문서를 표현하였다. 원래 HTML 태그는 문서의 구조를 표현하기 위한 언어였지만 표현의 구성과 꾸밈에 치중하게 되어 HTML의 기본 본질을 망각하게 된다. 아래와 같은 문서도 브라우저에서 잘 작동된다. 심지어 HTML 문법을 따르지 않은 문서도 작동되는 문제점이 발생한다.

 

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
</body>

[출처] www.W3school.com

 

이런 태그 사용의 모호성은 종류가 다른 브라우저에서의 문서를 공통적으로 표현하기 어렵게 했다. 현재 웹 상에 있는 HTML 문서들은 컴퓨터 브라우저에서만 출력되는 것이 아니라 핸드폰이나 작은 화면에서도 표시되어야 하는데, HTML 태그의 남용으로 나쁜 마크업 언어가 되어 버린 것이다. 그래서 등장한 것이 XHTML 이다. HTML의 요소와 XML의 문법적 엄격성을 적용하여 좀 더 엄격하고 명백한 문서를 작성하고자 하는 기술이다.

  

 

 

HTML 4.01 버전과 XHTML 문서의 차이점

  1. XHTML 태그는 집합적이다. 즉, 태그의 구조가 집합적(완벽한 트리 구조)이다.
  2. XHTML 태그는 반드시 닫아야 한다. (시작과 종료가 명확해야 한다)
  3. XHTML 태그는 소문자로 작성한다. (HTML 태그는 대소문자를 구분하지 않지만 XHTML 태그는 소문자만 사용한다)
  4. XHTML 문서는 오직 하나의 루트 태그를 가진다.

즉, XHTML 은 트리구조를 명백하기 지켜면서 모든 태그 요소들은 자식과 부모 관계가 명백하게 유지 해야한다. 또한 태그의 시작과 끝을 분명하게 하여 문서의 구조를 명확하게 지킨다.

 

 

[참고] 예문은 http://www.w3schools.com/xhtml/xhtml_html.asp 을 참조하세요.

 

'HTML& CSS > HTML' 카테고리의 다른 글

XHTML - DTD(Document Type Definitions)  (0) 2012.04.25
XHTML - XHTML 문서의 문법 규칙  (0) 2012.04.25
XHTML - HTML 3.2 버전과 HTML 4.0과 XHTML 비교  (0) 2012.04.25
미디어 - 오디오  (0) 2012.04.25
미디어 - 미디어 개요  (0) 2012.04.25