차림

2006년 9월 17일

HTML과 XHTML의 다른 점

HTML과 XTHML는 거의 같지만 다른 점도 있다. XTHML로 문서를 만들 때는 다음을 주의해야 한다.

  • 태그와 속성 모두 소문자로만 쓸 것.
  • 속성값은 모두 따옴표로 감쌀 것.
  • 닫는 태그가 꼭 있을 것.
  • name 대신 id를 쓸 것.
표 1. XHTML에서 주의할 점
HTMLXHTML
<table width="100%"> (○)
<TABLE WIDTH="100%"> (○)
<table width="100%"> (○)
<TABLE WIDTH="100%"> (×)
<img src="go.gif"> (○)
<img src=go.gif> (○)
<img src="go.gif" /> (○)
<img src=go.gif /> (×)
<p>내용 <p>내용</p>

DOCTYPE 선언

그리고 XHTML로 만든 문서에는 맨 첫 줄에 DOCTYPE를 선언해 주는 등 다음 두 가지를 꼭 지정해 주어야 한다.

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">처럼 DOCTYPE를 꼭 선언해 줄 것.
  • <html xmlns="http://www.w3.org/1999/xhtml">를 꼭 지정해 줄 것.

lang 속성

태그에 lang 속성을 쓸 때는 아래처럼 xml:lang 속성도 넣어 주어야 한다.


<div lang="en" xml:lang="en">Contents</div>

그밖에 HTML과 XHTML의 다른 점을 아래 표 2에 나타냈다.

표 2. HTML과 XHTML의 다른 점
HTMLXHTML
<br><br />
<hr><hr />
<img><img />
<meta><meta />
<input checked><input checked="checked" />
<option selected><option selected="selected" />
<base><base />
<link><link />
이 태그는 <head> 안에만 들어간다.
nameid
목록