HTML-XHTML


XHTML은 XML 형식으로 작성된 HTML입니다.

XHTML이란 무엇입니까?

  • XHTML은 Extensible Hypertext Markup Language를 의미합니다

  • XHTML은 HTML 4.01이 거의 동일

  • XHTML은 HTML의 더 엄격하고 순수한 버전입니다

  • XHTML은 XML이 적용되는 방식으로 정의된 HTML입니다

  • XHTML은 2001년 1월에 발표된 W3C 권장 사항입니다

  • XHTML은 모든 주요 브라우저에서 지원됩니다

XHTML을 사용하는 이유는 무엇입니까?

인터넷의 많은 페이지에는 "나쁜" HTML이 포함되어 있습니다.

브라우저에서 보면 다음 HTML 코드는 완벽하게 실행됩니다(HTML 규칙을 준수하지 않더라도). 

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
XML은 올바르게 마크업되어야 하는 문서입니다. 그리고 잘 구성된 마크업 언어입니다.

XML을 배우고 싶다면 XML 튜토리얼을 읽어보세요.

오늘날 기술 세계에는 몇 가지 다양한 브라우저 기술이 있습니다. 그 중 일부는 컴퓨터에서 실행되는 반면 다른 일부는 휴대폰이나 기타 소형 장치에서 실행될 수 있습니다. 소형 장치에는 "나쁜" 마크업 언어를 해석할 수 있는 리소스와 기능이 부족한 경우가 많습니다.

그래서 XML과 HTML의 장점을 결합하여 XHTML이 개발되었습니다. XHTML은 HTML을 XML로 재설계한 것입니다.

HTML과 비교했을 때 가장 중요한 차이점:

문서 구조

  • XHTML DOCTYPE은 필수 XML 네임스페이스

  • <html>의 속성은 필수

  • <html>, < title> 및 <body>도 필수

요소 구문

  • 적절해야 합니다

    중첩

  • XHTML 요소는 항상

    닫혀 있어야 합니다

  • >소문자

    • XHTML 문서에는
  • 루트 요소

    • 속성 구문

    XHTML 속성이 있어야 합니다.
  • 소문자

    • >
  • XHTML 속성 최소화도

    금지

  • <!DOCTYPE ....> 필수입니다XHTML 문서에는 XHTML DOCTYPE 선언이 포함되어야 합니다.

    • W3School의 태그 참조 매뉴얼에서 전체 XHTML 문서 유형을 찾을 수 있습니다.
<html>, <head>, <title> 및 <body> 요소도 있어야 하며 < HTML>.

다음 예는 최소 필수 태그가 포함된 XHTML 문서를 보여줍니다. 

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
...... 
</body>
</html>

XHTML 요소는 합리적으로 중첩되어야 합니다.

HTML에서 일부 요소는 다음과 같이 서로 중첩될 필요가 없습니다.

<b>< ;i> 이 텍스트는 굵은 기울임꼴입니다</b></i>

XHTML에서는 다음과 같이 모든 요소가 서로 적절하게 중첩되어야 합니다.

<b><i>이 텍스트는 굵은 기울임꼴입니다</i></b>

XHTML 요소에는 닫는 태그가 있어야 합니다

잘못된 예: 

<p>This is a paragraph
<p>This is another paragraph

올바른 예: 

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

빈 요소 닫는 태그를 포함해야 함

잘못된 예: 

A break: <br>
A horizontal rule: <hr>
An image: <img src="../style/images/happy.gif" alt="Happy face">
올바른 예: 
A break: <br />
A horizontal rule: <hr />
An image: <img src="../style/images/happy.gif" alt="Happy face" />

XHTML 요소는 소문자여야 합니다

잘못된 예:

<BODY>
<P>This is a paragraph</P>
</BODY>
올바른 예:
<body>
<p>This is a paragraph</p>
</body>

속성 이름은 소문자여야 합니다

잘못된 예: 

<table WIDTH="100%">

올바른 예: 

<table width="100%">

속성 값에는 따옴표가 있어야 합니다.

잘못된 예: 

<table width=100%>
올바른 예: 
<table width="100%">

속성 약어 사용 불가

잘못된 예: 

<input checked>
<input readonly>
<input disabled>
<option selected>

올바른 예 : 

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

HTML을 XHTML로 변환하는 방법

  1. XHTML <!DOCTYPE> 웹 페이지 각 페이지의 html 요소에

  2. 의 xmlns 속성을 추가하세요.

  3. 모든 요소를 ​​소문자로 변경

  4. 모든 빈 요소 닫기

  5. 모든 속성 이름을 다음과 같이 변경합니다. 소문자

  6. 모든 속성 값에 따옴표 추가 ​​

W3C 유효성 검사기를 사용하여 XHTML 테스트