XHTML과 HTML 간의 차이점

정해진 HTML을 작성함으로써 XHTML를 준비할 수 있습니다.

XHTML를 준비하는 방법

XHTML과 HTML 4.01 표준은 크게 다르지 않습니다.

따라서 코드를 4.01로 업그레이드하는 것은 좋은 시작입니다. 우리의 완전한《HTML 4.01 참조 매뉴얼을 사용하면 이를 도와줄 것입니다.

또한, 바로 소문자로 HTML 코드를 작성하시고, </p>와 같은 태그를 무시하는 나쁜 습관을 형성하지 마세요.

编码을 즐겁게 하시길 바랍니다!

가장 큰 차이점:

  • XHTML 요소는 올바르게 중첩되어야 합니다
  • XHTML 요소는 반드시 닫혀야 합니다
  • 태그 이름은 소문자로 작성되어야 합니다.
  • XHTML 문서는 반드시 루트 요소를 가지고 있어야 합니다.

요소는 올바르게 중첩되어야 합니다

HTML에서는 일부 요소가 이렇게 서로 잘못 중첩될 수 있습니다:

<b><i>이 텍스트는 강조되고 이탤릭체입니다</b></i>

XHTML에서 모든 요소는 이렇게 서로 올바르게 중첩되어야 합니다:

<b><i>이 텍스트는 강조되고 이탤릭체입니다</i></b>

힌트:내부 목록이 li 요소 내에 위치해야 한다는 것을 잊어버리는 것은 내부 목록에서 자주 발생하는 오류입니다. 아래와 같이:

This is incorrect:

<ul>
  <li>Coffee</li>
  <li>차</li>
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

This is correct:

<ul>
  <li>Coffee</li>
  <li>차
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

주의: 올바른 코드 예제에서는 </ul> 다음에 </li> 태그를 추가했습니다.

XHTML 요소는 반드시 닫혀야 합니다

비 빈 태그는 종료 태그를 사용해야 합니다.

This is incorrect:

<p>This is a paragraph
<p>이는 또 다른 문단입니다

This is correct:

<p>This is a paragraph</p>
<p>이는 또 다른 문단입니다</p>

빈 태그도 닫히어야 합니다

빈 태그도 종료 태그를 사용해야 하거나, 시작 태그는 반드시/>끝.

This is incorrect:

줄 바꿈: <br>
수평선: <hr>
이미지: <img src="happy.gif" alt="Happy face">

This is correct:

줄 바꿈: <br />
수평선: <hr />
이미지: <img src="happy.gif" alt="Happy face" />

XHTML 요소는 소문자로 작성되어야 합니다

XHTML 규범 정의: 태그 이름과 속성은 대소문자를 구분합니다.

This is incorrect:

<BODY>
<P>This is a paragraph</P>
</BODY>

This is correct:

<body>
<p>This is a paragraph</p>
</body>

XHTML 문서는 뿌리 요소를 가져야 합니다

모든 XHTML 요소는 <html> 뿌리 요소에 포함되어야 합니다. 나머지 모든 요소는 자식 요소가 될 수 있습니다. 자식 요소는 반드시 짝이 되어야 하며, 부모 요소 안에 포함되어야 합니다. 기본 문서 구조는 다음과 같습니다:

<html>
<head> ... </head>
<body> ... </body>
</html>