[HTML] HTML과 XHTML

728x90

XHTML(EXtensible HTML)

XHTML은 EXtensible HTML을 의미한다.

XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있다.

웹 콘텐츠는 기존의 PC 위주의 환경에서 벗어나 여러 다양한 플랫폼에서 더욱 많이 이용되고 있다.

따라서 부정확한 HTML 문법을 지원하는 데 필요한 자원이 부족한 환경이 점차 생겨나기 시작한다.

XHTML 문서는 하나의 XML 문서로서 문법적으로 정확하므로, 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해진다.

다음 예제들은 HTML과 XHTML의 차이점을 보여준다.

1. 종료 태그가 없는 빈 태그(empty tag)는 반드시 끝에 공백과 함께 슬래시(/)를 붙여야 한다.

HTML  : <hr>
XHTML : <hr />

2. 비어있지 않은 요소는 반드시 종료 태그를 가져야 한다.

HTML  : <p>첫 번째 문장</p><p>두 번째 문장
XHTML : <p>첫 번째 문장</p><p>두 번째 문장</p>

3. 요소들은 반드시 열린 순서대로 닫혀야 한다.

HTML  : <em><p>This is some text.</em></p>
XHTML : <em><p>This is some text.</p></em>

4. <img>태그에는 반드시 alt 속성이 기술되어야 한다.

HTML  : <img src="alternative.png" />
XHTML : <img src="alternative.png" alt="explanation" />

5. 모든 텍스트(text)는 반드시 태그로 감싸야 한다.

HTML  : <body>본문에 사용되는 텍스트 단락</body>
XHTML : <body><p>본문에 사용되는 텍스트 단락</p></body>

6. 속성값은 반드시 따옴표로 감싸야 한다.

HTML  : <td rowspan=3>
XHTML : <td rowspan="3">

7. 태그 이름이나 속성 이름에는 반드시 소문자만을 사용해야 한다.

HTML  : <BODY><P>태그 이름과 태그 속성은</P></BODY>
XHTML : <body><p>반드시 소문자만을 사용한다.</p></body>

8. 속성값 생략이 없어졌으므로, 반드시 속성값을 명시해야 한다.

HTML  : <textarea readonly>읽기만 가능하다.</textarea>
XHTML : <textarea readonly="readonly">읽기만 가능하다.</textarea>