(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/bfc/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   2639
66 hit best of best Span 태그와 Div 태그 (HTML) [2] title: [ani]깜빡이는 표정빽짱구 2007-01-21 70 16641
65 best of best css로 폼태그 사용시 공백없애기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 56 7691
64 best of best 다국어 html 코딩 title: [ani]깜빡이는 표정빽짱구 2006-03-31 46 7299
63 best of best CHECKBOX클릭시 지정된 내용 보여주기 title: [ani]깜빡이는 표정빽짱구 2006-10-17 42 9972
62 best of best onfocus="this.blur()" 익스,파이어폭스에도 적용 title: [ani]깜빡이는 표정빽짱구 2007-02-21 33 9715
61 best of best 아이디 입력란에 탭키 눌렀을때 순서정하기 [2] title: [ani]깜빡이는 표정빽짱구 2006-09-28 25 8491
60 best of best 노프레임에서 음악 안끈기게 하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-06 22 4666
59 best of best input 에 마우스 오버/아웃시 배경바꾸기 title: [ani]깜빡이는 표정빽짱구 2006-07-25 20 9172
58 hit best of best input 태그를 이미지버튼으로하기 title: [ani]깜빡이는 표정빽짱구 2006-04-22 20 10331
57 best of best 아이프레임시 뒷배경 투명처리및 불투명처리 title: [ani]깜빡이는 표정빽짱구 2004-02-28 20 5516
56 이미지 마우스 오버시 아이콘뜨는거 없애기 title: [ani]깜빡이는 표정빽짱구 2006-05-28 19 7218
55 textarea 나 input 안에 글자 안써지게 하기 title: [ani]깜빡이는 표정빽짱구 2006-05-12 19 9052
54 플래쉬 아래로 레이어가뜰때 해결방법 title: [ani]깜빡이는 표정빽짱구 2006-03-28 17 5078
53 자바스크립트 4일차 조건문 if [2] title: [ani]보라색 나비바비인형 2005-04-12 17 4751
52 기본태그 title: [ani]깜빡이는 표정빽짱구 2004-02-17 17 3640
51 상태표시줄을 바꿔보자1 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-07 17 3926
50 hit 마우스 드래그 금지태그 [2] title: [ani]깜빡이는 표정빽짱구 2006-04-26 16 11931
49 회원가입시 나이제한하기 title: [ani]깜빡이는 표정빽짱구 2004-03-29 16 3788
48 마퀴 적용 title: [ani]깜빡이는 표정빽짱구 2004-02-17 16 3259
47 상태표시줄 바꿔보자7 (링크주소 감추기) title: [ani]깜빡이는 표정빽짱구 2004-02-07 14 5266