HTML 기본 가이드

HTML 미디어

HTML 참조 설명서

HTML5 기본 가이드

HTML5 API

HTML5 미디어

HTML 비디오（Video）재생 HTML 요약

XHTML 소개

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

XHTML이란 무엇인가요?

XHTML은 확장 가능한 텍스트 마크업 언어를 의미합니다
XHTML과 HTML 4.01 거의 같습니다
XHTML은 더 엄격하고 깨끗한 HTML 버전입니다
XHTML은 XML 응용 프로그램 방식으로 정의된 HTML입니다
XHTML은 2001 년 1 월간 발행의 W3C 권장 표준
XHTML은 모든 주요 브라우저에서 지원됩니다

XHTML을 사용하는 이유는 무엇인가요?

인터넷의 많은 페이지에는 '불량'한 HTML이 포함되어 있습니다。

브라우저에서 볼 때, 아래의 HTML 코드는 매우 정상적으로 실행됩니다(그러나 HTML 규칙을 준수하지 않습니다)：

<html>
<head>
<meta charset="utf-8">
<title>이는 비정형적인　HTML</title>
<body>
<h1>비정형적인　HTML
<p>이것은 단락입니다
</body>

XML은 올바르게 태그를 추가하고 정형화된 마크업 언어입니다。

오늘날의 과학 기술계에는 다양한 브라우저 기술이 있습니다. 일부는 컴퓨터에서 실행되고, 일부는 휴대폰이나 다른 소형 장치에서 실행될 수 있습니다. 소형 장치는 '불량'한 마크업 언어를 설명하는 자원과 능력이 부족합니다。

따라서 - XML과 HTML의 장점을 결합하여 XHTML이 개발되었습니다. XHTML은 XML로 다시 설계된 HTML입니다。

HTML과 비교해 가장 중요한 차이점은:

문서 구조

XHTML DOCTYPE는필수적입니다
<html>의 XML 이름 공간 속성은필수적입니다
<html>、<head>、<title> 및 <body>도필수적입니다

요소 문법

XHTML 요소는정확히 중첩되어야 합니다
XHTML 요소는 항상닫혀야 합니다
XHTML 요소는소문자로
XHTML 문서는한 개의 루트 요소

속성 문법을 사용해야 합니다

XHTML 속성은소문자로
XHTML 속성 값은쌍따옴표로 둘러쌓인
XHTML 속성 최소화도금지된

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

XHTML 문서는 XHTML 문서 유형 선언(XHTML DOCTYPE declaration)을 수행해야 합니다。

기본 튜토리얼의 태그 참조 매뉴얼에서 완전한 XHTML 문서 유형。

<html>, <head>, <title>, 및 <body> 요소는 존재해야하며, 문서에 xml 이름 공간을 지정하기 위해 <html> 내 xmlns 속성을 사용해야 합니다。

아래의 예제는 가장 최소한의 필수 태그를 포함한 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>
　　<meta charset="utf-8">
　　<title>문서 제목</title>
</head>
　
<body>
문서 내용
</body>
　
</html>

XHTML 요소는 합리적으로 포함되어야 합니다

HTML에서 일부 요소는 이렇게 서로 포함되지 않을 수 있습니다:

<b><i>粗体和斜体文本</b></i>

XHTML에서 모든 요소는 이렇게 서로 합리적으로 포함되어야 합니다:

<b><i>粗体和斜体文本</i></b>

XHTML 요소는 닫는 태그를 가지고 있어야 합니다

오류 예제:

<p>이것은 단락입니다
<p>이것은 또 다른 단락입니다

올바른 예제:

<p>이것은 단락입니다</p>
<p>이것은 또 다른 단락입니다</p>

비교 요소는 닫는 태그를 포함해야 합니다

오류 예제:

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

올바른 예제:

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

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

오류 예제:

<BODY>
<P>이것은 단락입니다</P>
</BODY>

올바른 예제:

<body>
<p>이것은 단락입니다</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로 변환하는 방법

네이티브 HTML 페이지에 XHTML <!DOCTYPE> 추가
xmlns 속성을 모든 페이지의 HTML 요소에 추가합니다。
모든 요소를 소문자로 변경합니다
모든 비교 요소를 닫습니다
모든 속성 이름을 소문자로 변경하세요
모든 속성 값에 따옴표를 추가하세요

W를 사용하여3C 검증기로 XHTML을 테스트하세요

HTML 비디오（Video）재생 HTML 요약