2010/04/19 16:46
[웹표준 개발]
HTML과 XHTML의 차이점에 대해 알아보겠습니다.
1.<html> 시작 엘리먼트에 xmlns, lang, xml:lang 속성을 추가합니다.
예) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2. <html> 엘리먼트는 DOCTYPE 다음에 오는 맨 첫 번째 태그가 되어야 하며, </html> 종료 태그는 가장 마지막 태그가 되어야 합니다.
3. 모든 요소와 속성은 소문자로 작성되어야 합니다.
<HTML> X
<html> 0
<PRE> X
<pre> 0
4. 모든 시작 태그들은 종료 태그를 가져야 합니다. 또는 빈 엘리먼트의 경우 하나의 공백 문자와 /> 로 끝나야 합니다.
<p></p>
<br/>
<hr/>
<img src="경로" alt="이미지" />
<tr><td></td></tr>
5. 속성 ‘값’들은 큰 따옴표로 감싸주고, 값을 가져야 합니다.
<p align=center>로 하면 안되고 <p align="center">와 같이 반드시 따옴표를 사용해야 합니다.
6. 속성과 값의 단축표기를 허용하지 않습니다.
HTML 에서는 속성과 속성 값의 단축표기를 허용하였으나 XHTML 에서는 단축표기 하는 것을 허용하지 않는다. <input checked> 는 <input checked="checked"> 와 같이 표기되어야 한다.
7. HTML 콘텐츠에 &를 사용하지 않고 &를 사용합니다. 다른 특수문자들도 엔티티로 변환합니다. (참고: Character Entity)
8. a, applet, frame, iframe, img, map 에서 name 속성은 다음 버전부터 지원하지 않습니다.
id 와 name 을 함께 사용하던 마크업의 name 속성은 모두 id 속성으로 교체되어야 한다. name 속성은 공식적으로 폐기하였지만 여전히 XHTML 1.0 Transitional 버전의 문서까지는 지원하고 있다. 하지만 XHTML 1.0 Strict 버전에서 지원하지 않으며 다음 버전에서는 분명히 폐기된다.
예) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2. <html> 엘리먼트는 DOCTYPE 다음에 오는 맨 첫 번째 태그가 되어야 하며, </html> 종료 태그는 가장 마지막 태그가 되어야 합니다.
3. 모든 요소와 속성은 소문자로 작성되어야 합니다.
<HTML> X
<html> 0
<PRE> X
<pre> 0
4. 모든 시작 태그들은 종료 태그를 가져야 합니다. 또는 빈 엘리먼트의 경우 하나의 공백 문자와 /> 로 끝나야 합니다.
<p></p>
<br/>
<hr/>
<img src="경로" alt="이미지" />
<tr><td></td></tr>
5. 속성 ‘값’들은 큰 따옴표로 감싸주고, 값을 가져야 합니다.
<p align=center>로 하면 안되고 <p align="center">와 같이 반드시 따옴표를 사용해야 합니다.
6. 속성과 값의 단축표기를 허용하지 않습니다.
HTML 에서는 속성과 속성 값의 단축표기를 허용하였으나 XHTML 에서는 단축표기 하는 것을 허용하지 않는다. <input checked> 는 <input checked="checked"> 와 같이 표기되어야 한다.
7. HTML 콘텐츠에 &를 사용하지 않고 &를 사용합니다. 다른 특수문자들도 엔티티로 변환합니다. (참고: Character Entity)
8. a, applet, frame, iframe, img, map 에서 name 속성은 다음 버전부터 지원하지 않습니다.
id 와 name 을 함께 사용하던 마크업의 name 속성은 모두 id 속성으로 교체되어야 한다. name 속성은 공식적으로 폐기하였지만 여전히 XHTML 1.0 Transitional 버전의 문서까지는 지원하고 있다. 하지만 XHTML 1.0 Strict 버전에서 지원하지 않으며 다음 버전에서는 분명히 폐기된다.
※ 마지막으로 XHTML의 필요성(?) 에 대해 이야기하자면 일단 문법적으로 엄격해진걸 볼 수 있는데요. 이런 엄격함으로 인해 보다 다양한 브라우저에서 정확하게 문서가 표시가 될 수 있다는 장점이 있습니다.
'웹표준 개발' 카테고리의 다른 글
| CSS 선택자(selector)에 대해서 정리해봅니다. 2 (0) | 2010/05/31 |
|---|---|
| CSS 선택자(selector)에 대해서 정리해봅니다. 1 (2) | 2010/05/20 |
| [웹표준 코딩]CSS 폰트 단위를 알아봅시다 (2) | 2010/05/06 |
| 웹페이지에 옷을 입히는 스타일시트 연결 (1) | 2010/04/26 |
| html과 xhtml의 차이점 (0) | 2010/04/19 |
| DTD선언이란? (0) | 2010/04/12 |
Trackback Address :: http://web2log.com/trackback/13
