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はHTMLがXMLとして再設計されたものです。

HTMLと比べて最も重要な違いは：

ドキュメント構造

XHTML DOCTYPEは強制です
<html>のXML命名空間属性は強制です
<html>、<head>、<title>および<body>も強制です

要素文法

XHTML要素は正しくネストされて
XHTML要素は常に閉じる
XHTML要素は小文字で
XHTMLドキュメントには1つのルート要素

属性文法で

XHTML属性は小文字で
XHTML属性値は引用符で囲まれています
XHTML属性の最小化も禁止されています

<!DOCTYPE ....>は強制です

XHTMLドキュメントはXHTMLドキュメントタイプ宣言（XHTML DOCTYPE宣言）を行わなければなりません。

詳細は基本のタグリファレンスマニュアルで見つけることができます： 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にどう変換するか

XHTMLの<!DOCTYPE>をあなたのウェブページに追加します
xmlns属性をすべてのページのHTML要素に追加します。
すべての要素を小文字に変更します
すべての空要素を閉じます
すべての属性名を小文字に修正してください
すべての属性値に引用符を追加してください

Wを使用して3C バリデータを使用してあなたのXHTMLをテストしてください

HTML ビデオ（Video）再生 HTML 総合