최신 웹 개발 튜토리얼

HTML 및 XHTML

❮ 이전 다음 장 ❯

XHTML은 XML로 작성 HTML입니다.

XHTML은 무엇인가?

  • XHTML은 확장 하이퍼 텍스트 마크 업 언어의 약자
  • XHTML은 HTML과 거의 동일합니다
  • XHTML은 HTML보다 엄격한입니다
  • XHTML은 HTML은 XML 응용 프로그램으로 정의된다
  • XHTML은 모든 주요 브라우저에서 지원됩니다

왜 XHTML?

인터넷에 많은 페이지를 포함하는 "bad" HTML을.

이 HTML 코드는 대부분의 브라우저에서 잘 작동 (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

오늘날의 시장은 다른 브라우저 기술로 구성되어 있습니다. 일부 브라우저는 컴퓨터에서 실행하고, 일부 브라우저는 휴대 전화 또는 기타 소형 기기에서 실행됩니다. 작은 장치는 종종 해석하기 위해 자원이나 능력이 부족 "bad" 마크 업을.

XML 문서가 올바르게 표시되어야합니다 마크 업 언어 (be "well-formed") .

당신이 XML을 공부하고 싶다면, 우리의 참조하십시오 XML 자습서를 .

HTML과 XML의 장점을 결합하여, XHTML이 개발되었다.

XHTML은 XML로 새롭게 디자인 된 HTML입니다.

HTML에서 가장 중요한 차이점 :

문서 구조

  • XHTML의 DOCTYPE는 필수입니다
  • xmlns 에서 속성 <html> 필수입니다
  • <html> , <head> , <title> 및 <body> 필수

XHTML 요소

  • XHTML 요소가되어야 properly nested
  • XHTML 요소는 항상해야 closed
  • XHTML 요소에 있어야합니다 lowercase
  • XHTML 문서는이 있어야 one root element

XHTML 속성

  • 속성 이름에 있어야합니다 lower case
  • 속성 값을해야 quoted
  • 속성 최소화가되어 forbidden

<!DOCTYPE ....> 필수입니다

XHTML은 문서는 XHTML의 DOCTYPE 선언이 있어야합니다.

모두의 전체 목록 XHTML 않은 doctype은 우리의 HTML 태그 참조에서 발견된다.

<html> , <head> , <title> 및 <body> 요소는 또한 존재해야하고 xmlns 특성에서 <html> 문서의 XML 네임 스페이스를 지정한다.

이 예는 필요한 태그의 최소과 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>
  some content
</body>

</html>

XHTML 요소가 적절히 중첩되어야

HTML, 일부 요소는 잘못 같이, 서로 중첩 될 수있다 :

<b><i>This text is bold and italic</b></i>

XHTML에서는 모든 요소가 제대로 같이, 서로 중첩되어야합니다 :

<b><i>This text is bold and italic</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="happy.gif" alt="Happy face">

이 올바른 것입니다 :

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML 요소는 소문자에 있어야합니다

이것은 잘못된 것입니다 :

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

이 올바른 것입니다 :

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

XHTML 특성 이름은 소문자에 있어야합니다

이것은 잘못된 것입니다 :

<table WIDTH="100%">

이 올바른 것입니다 :

<table WIDTH="100%">

속성 값은 따옴표로 묶어야합니다

이것은 잘못된 것입니다 :

<table width=100%>

이 올바른 것입니다 :

<table WIDTH="100%">

최소화는 금지되어 속성

잘못된:

<input type="checkbox" name="vehicle" value="car" checked />

옳은:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

잘못된:

<input type="text" name="lastname" disabled />

옳은:

<input type="text" name="lastname" disabled="disabled" />

HTML에서 XHTML로 변환하는 방법

  1. XHTML은 추가 <!DOCTYPE> 모든 페이지의 첫 번째 줄에
  2. 추가 xmlns 모든 페이지의 HTML 요소에 속성을
  3. 소문자로 모든 요소 이름 변경
  4. 모든 빈 요소를 닫습니다
  5. 소문자로 모든 속성 이름 변경
  6. 견적 모든 속성 값

W3C의 유효성 검사기와 유효성 검사 XHTML

아래 상자에 웹 주소를 넣어 :


❮ 이전 다음 장 ❯