레이블이 xhtml인 게시물을 표시합니다. 모든 게시물 표시
레이블이 xhtml인 게시물을 표시합니다. 모든 게시물 표시

2013년 5월 5일 일요일

HTML과 XHTML의 차이점


The Most Important Differences from HTML:

Document Structure

  • XHTML DOCTYPE is mandatory
  • The XML namespace attribute in <html> is mandatory
  • <html>, <head>, <title>, and <body> is mandatory

XHTML Elements

  • XHTML elements must be properly nested
  • XHTML elements must always be closed
  • XHTML elements must be in lowercase
  • XHTML documents must have one root element

XHTML Attributes

  • Attribute names must be in lower case
  • Attribute values must be quoted
  • Attribute minimization is forbidden

XHTML이 HTML과 가장 중요하게 다른 점
문서 구조
  • XHTML DOCTYPE선언은 필수
  • <html>태그에서 XML namespace 속성은 필수
  • html, head, title, body태그는 필수
XHTML 요소
  • XHTML 요소는 반드시 적절하게 중첩되어야 한다.
  • XHTML 요소는 반드시 항상 닫혀야 한다.
  • XHTML 요소는 반드시 소문자여야 한다.
  • XHTML 문서는 반드시 하나의 root 요소를 가져야 한다.
XHTML 속성
  • 요소명은 반드시 소문자여야한다.
  • 요소값은 반드시 인용부호가 있어야한다.
  • 요소의 생략화, 최소화는 금지된다.

2013년 5월 3일 금요일

PCDATA, CDATA의 개념.

PCDATA (Parsed Character data) : pasing된 캐릭터 데이터. 마크업에 관련된 문자들은 paser에 의해서 변환처리되고, 그렇지 않은 문자는 그대로 처리된다.
CDATA(Character data) : 캐릭터 데이터.


In XHTML, the script and style elements are declared as having #PCDATA content. As a result, < and & will be treated as the start of markup, and entities such as &lt; and &amp; will be recognized as entity references by the XML processor to < and & respectively. Wrapping the content of the script or style element within a CDATA marked section avoids the expansion of these entities.
<script>
 <![CDATA[
 ... unescaped script content ...
 ]]>
 </script>
CDATA sections are recognized by the XML processor and appear as nodes in the Document Object Model, see Section 1.3 of the DOM Level 1 Recommendation [DOM].
An alternative is to use external script and style documents.


XHTML에서 스크립트와 스타일 요소는 PCDATA를 포함한 내용에 의해 선언된다. 결과적으로 < 와 & 는 마크업의 시작으로서 처리될 것이다. 그리고 &lt; 와 &amp;같은 엔티티들은 XML 프로세서에 의해 엔티티 참조객체에서 각각 < 와 & 로 간주 될 것이다.
스크립트와 스타일 요소의 내용을 CDATA로 마크된 섹션내에 감싸는 것은 이러한 엔티티의 확장을 막는다.

CDATA 섹션들은 XML 프로세서에 의해 인지된다. 그리고 DOM에서 노드로서 나타난다. 대안법은 확장된 스크립트와 스타일 문서를 사용하는 것이다.

XHTML의 DTD(Document Type Definition)란

DTD라는 것은?

문서타입 정의 입니다.
DTD정의는 웹 표준에 따라 HTML문서를 만들때 페이지가 어떤 표준을 따를 것인지 미리 정하는 것입니다.
그래서 이 DTD는 웹 브라우저가 웹페이지를 어떤 기준으로 파싱할 것인지 선언하는 역할을 합니다.

DTD를 정의해야 하는 이유는
1. 문서의 가독성 증가
2. 브라우저 별 호환성 증가를 위해서(크로스 브라우징)
3. 문서 제작의 효율성을 좋게 하기 위해서

DTD의 종류

1. HTML 4.01 Transitional(호환모드)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/html4/loose.dtd">

2. HTML 4.01 strict(엄격모드)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">

3. XHTML 1.0 Transitional(호환모드)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4. XHTML 1.0 strict(엄격모드)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">