(x)html 관련된 팁을 공유하는 공간입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 66

0

조회 수 : 10444 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  
HTML과 XHTML의 차이

1.문법적으로 엄격하게 구성되어 있어야 한다.
HTML 은 종료태그가 없는 것을 허용하였으나 XHTML은 반드시 종료태그를 갖는다. HTML 은 태그의 중첩이 잘못된 것을 허용하였으나 XHTML은 잘못된 중첩을 허용하지 않는다. 잘못된 중첩은 화면표시(렌더링)에 직접적인 영향을 주기도 한다.

2.요소와 속성은 소문자로 표기되어야 한다.
HTML 은 요소(=엘리먼트, 태그)와 속성에 대소문자를 함께 사용하는 것을 허용하였으나 XHTML의 마크업 '요소'와 '속성'들은 반드시 소문자로 표기한다. 단, 속성의 ‘값’에는 대소문자 혼합 표기가 가능하다. 하지만 대소문자를 명확하게 구분하기 때문에 대문자로 구성된 ‘값’과 소문자로 구성된 ‘값’은 동일하지 않고 확실히 구별된다.

3.모든 태그는 종료태그를 갖는다.
HTML 의 경우 <p>, <td> 등의 태그에서 종료태그를 생략하는 것을 허용하였지만 XHTML 의 경우 반드시 닫아야 한다.

4.속성 ‘값’들은 항상 따옴표로 감싸주어야 한다.
HTML 의 경우 속성 값들을 따옴표로 감싸지 않는 것을 허용하였지만 XHTML 에서는 반드시 속성 "값"은 따옴표 안에 있어야 한다.

5.속성과 값의 단축표기를 허용하지 않는다.
HTML 에서는 속성과 속성 값의 단축표기를 허용하였으나 XHTML 에서는 단축표기 하는 것을 허용하지 않는다. <input checked> 는 <input checked="checked"> 와 같이 표기되어야 한다.

6.비어있는 태그(종료태그가 없는 태그)도 종료 되어야 한다.
HTML 에서 <br>, <hr> 과 같이 콘텐트를 담지 않는 빈 태그들은 <br />, <hr /> 과 같이 표기하여 시작태그에서 곧 종료됨을 표기해 주어야 한다.

7.a, applet, frame, iframe, img, map 에서 name 속성은 다음 버전부터 지원하지 않는다.
id 와 name 을 함께 사용하던 마크업의 name 속성은 모두 id 속성으로 교체되어야 한다. name 속성은 공식적으로 폐기하였지만 여전히 XHTML 1.0 Transitional 버전의 문서까지는 지원하고 있다. 하지만 XHTML 1.0 Strict 버전에서 지원하지 않으며 다음 버전에서는 분명히 폐기된다.

자료출처: 나라디자인
태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/html/19659/4f4/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '4'

wm91130 (135610)

2009.12.10 01:51:19

헷갈렸었는데요~  정말 도움글 입니다..... ㄳㄳ 다음에 다시 복습해야쥐~!!!

atrack (137364)

2009.12.15 09:18:49

기본 개념에 대해 헷갈리지 않게 정리해주는 글이군요.좋은 정보 고맙습니다.

그래잇 (149960)

2010.01.13 10:23:32

ㅇ ㅏ ~ 그렇구나..

좋은 정보 감사합니다~~

profile
뉴클리어 (171716)

2010.03.07 09:38:35

ㅇㅇ그렇군

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
공지 모바일 코딩하시는 분들 참고하세요. title: [ani]깜빡이는 표정빽짱구 2014-05-07   2640
46 자바스크립트 4일차 조건문 if [2] title: [ani]보라색 나비바비인형 2005-04-12 17 4751
45 풀스크린 띄우기 title: [ani]깜빡이는 표정빽짱구 2006-01-01 6 4751
44 HTML 문서의 공통 구조 title: [ani]깜빡이는 표정빽짱구 2006-03-23 5 4875
43 플래쉬 아래로 레이어가뜰때 해결방법 title: [ani]깜빡이는 표정빽짱구 2006-03-28 17 5078
42 링크된곳 마우스 올렸을때 상태표시줄에 내용표시하기 title: [ani]깜빡이는 표정빽짱구 2006-03-12 5 5178
41 상태표시줄 바꿔보자7 (링크주소 감추기) title: [ani]깜빡이는 표정빽짱구 2004-02-07 14 5266
40 스크립트 한 줄로 IE6 죽이기 [2] 이병준 2010-05-27   5354
39 이미지 없이 점선테이블로 만들기 title: [ani]깜빡이는 표정빽짱구 2006-01-07 6 5390
38 자바스크립트 5일차 if 중첩과 switch과 for문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 5433
37 best of best 아이프레임시 뒷배경 투명처리및 불투명처리 title: [ani]깜빡이는 표정빽짱구 2004-02-28 20 5516
36 정규식 실시간 웹테스터 입니다 컴센스 2010-05-27   5535
35 글자 중간에 선을 그어주는 del 태그 [1] title: [ani]깜빡이는 표정빽짱구 2011-07-13   5803
34 브라우저 리셋 CSS [2] 이병준 2010-05-27 1 5816
33 랜덤으로 바뀌는 이미지 title: [ani]깜빡이는 표정빽짱구 2006-03-08 8 5822
32 유용한 HTML 태그 레퍼런스 사이트 [1] bumphy 2009-10-29   6161
31 자바스크립트 2일차 var(변수) title: [ani]보라색 나비바비인형 2005-04-09 13 6342
30 페이지 넘기기 부드럽게 [12] 아트리147 2009-10-31   6370
29 모바일 코딩시 손가락으로 확대/축소 가능하게 할려면? title: [ani]깜빡이는 표정빽짱구 2012-08-06   6417
28 자바스크립트 6일차 For문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 6472
27 textarea 속에 내용넣기 (마우스 클릭시 사라짐) title: [ani]깜빡이는 표정빽짱구 2006-01-30 6 6901