Latest web development tutorials
×

HTML コース

HTML コース HTML 簡単な紹介 HTML エディタ HTML ファウンデーション HTML 要素 HTML プロパティ HTML 見出し HTML 段落 HTML テキストの書式設定 HTML リンク HTML ヘッド HTML CSS HTML 画像 HTML テーブル HTML リスト HTML ブロック HTML レイアウト HTML フォーム HTML フレーム HTML カラー HTML 色名 HTML カラー値 HTML スクリプト HTML 文字エンティティ HTML URL HTML クイックリスト HTML サマリー XHTML入門

HTML5

HTML5 コース HTML5 ブラウザのサポート HTML5 新要素 HTML5 Canvas HTML5 インライン SVG HTML5 MathML HTML5 ドラッグ・アンド・ドロップ HTML5 地理的な位置 HTML5 ビデオ(Video) HTML5 可聴周波数(Audio) HTML5 Input タイプ HTML5 フォーム要素 HTML5 フォームのプロパティ HTML5 セマンティック要素 HTML5 Web メモリ HTML5 Web SQL HTML5 アプリケーションキャッシュ HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 クイズ HTML(5)コードの仕様

HTML メディア

HTML メディア(Media) HTML ウィジェット HTML 可聴周波数(Audio) HTML ビデオプレーヤー(Videos) HTML 例

HTML リファレンスマニュアル

HTML タグリスト(アルファベット順に) HTML タグリスト(ソート機能) HTML プロパティ HTML イベント HTML キャンバス HTML 可聴周波数/ビデオ HTML 効果的な DOCTYPES HTML 色名 HTML カラーピッカー HTML 文字セット HTML ASCII HTML ISO-8859-1 HTML シンボル HTML URL コーディング HTML 言語コード HTTP ニュース HTTP ウェイ キーボードショートカット

XHTML入門

XHTMLは、HTMLで記述されたXML形式です。


XHTMLとは何ですか?

  • XHTMLは拡張可能なHTMLを指し、
  • XHTMLとHTML 4.01は、ほぼ同一であり、
  • XHTMLは、厳格な、より純粋なHTML版です
  • HTML定義されたXMLを介してXHTMLアプリケーション
  • XHTMLは、 2001年1月公開W3C勧告
  • すべての主要なブラウザのサポートにより、XHTML

なぜXHTMLを使うのか?

インターネットページには、 "悪い" HTMLの多くが含まれています。

ブラウザで見ると、次のHTMLコードは非常に正常に実行するには(それはHTMLルールに準拠していない場合であっても):

<HTML> <ヘッド> <メタ 文字セット = "UTF-8"> <タイトル> これは非標準のHTMLの </タイトル>であります <ボディ> <H1> 非標準のHTMLの <p> この段落 </ body>の です

XMLは、適切にマークされ、十分に形成されなければならないマークアップ言語です。

あなたはXMLを学びたいのであれば、私たちのお読みくださいXMLのチュートリアルを

今日では、科学界では、いくつかの異なるブラウザ技術があります。 他の人が携帯電話やその他の小型デバイス上で実行される可能性がありながら、そのうちのいくつかは、コンピュータ上で実行されます。 小型デバイスは、多くの場合、「悪い」のマークアップ言語資源や能力を説明し欠いています。

だから - HTMLとXMLの強みを組み合わせることで、我々はXHTMLを開発しました。 XMLとしてのXHTMLはHTMLを再設計しました。


最も重要な違いは、HTMLと比較します:

文書構造

  • XHTMLのDOCTYPEが必須です
  • <HTML> XML名前空間の属性は必須です
  • <HTML>、<HEAD>、 <タイトル>と<body>が必須です

要素の構文

  • XHTML要素は正しく入れ子にする必要があります
  • XHTMLの要素は常に閉じなければなりません
  • XHTML要素は小文字でなければなりません
  • XHTML文書は、1つのルート要素を持っている必要があります

属性構文

  • XHTML属性は小文字でなければなりません
  • XHTMLの属性値は引用符囲む必要があります
  • XHTML属性最小化は禁止されいます

<!DOCTYPE ...>必須です

XHTML文書はXHTML文書型宣言(XHTMLのDOCTYPE宣言)でなければなりません。

あなたはリファレンスマニュアルでは、このタグ内の完全なチュートリアルを見つけることができるのXHTMLドキュメントタイプ。

<HTML>、<HEAD>、<タイトル>、および<body>要素が存在しなければならず、使用する必要があります。<html>のxmlnsは、文書のXML名前空間を指定した属性に。

次の例では、必要なタグを最小限に抑えてXHTML文書を示しています。

<!DOCTYPE HTML PUBLIC " - // W3C // DTD XHTML 1.0過渡// EN" 「Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <HTML xmlns = "http://www.w3.org/1999/xhtml"> <ヘッド> <メタ 文字セット = "UTF-8"> <タイトル> ドキュメントのタイトル </ TITLE> </ HEAD> <BODY> 文書コンテンツ </ body>の </ HTML>


XHTML要素は正しく入れ子にする必要があります

HTMLでは、いくつかの要素は次のように、ネストすることはできません。

<B> <i>を イタリックや太字 </ b> </ I>

XHTMLでは、すべての要素は次のように、合理的な相互に入れ子にする必要があります。

<B> <i>を 太字や斜体 </ I> </ B>


XHTML要素は終了タグを持っている必要があります

エラーの例:

<P> これは段落です 。<p> このは別の段落です

右:

<P> これは段落です 。</ P> <P> これは別の段落です 。</ P>


空要素は、終了タグを含める必要があります

エラーの例:

支店:<BR> レベル:<時間> 写真:<IMG SRCは = "happy.gif" ALT = "ハッピー顔">

右:

支店:<BR /> レベル:<時間 /> 写真:<IMG SRCは = "happy.gif" ALT = "ハッピーフェイス」 />


XHTML要素は小文字でなければなりません

エラーの例:

<BODY> <P> これは段落です 。</ P> </ BODY>

右:

<ボディ> <P> これは段落です 。</ P> </ BODY>


属性名は小文字でなければなりません

エラーの例:

<表 WIDTH = "100%">

右:

<表 = "100%">


属性値は引用符を持っている必要があります

エラーの例:

<表 = 100%>

右:

<表 = "100%">


可簡略記述特性

エラーの例:

<入力 チェックし> <入力 読み取り専用> <入力 無効> <オプション 選択>

右:

<入力 確認された => "をチェック" <入力 読み取り専用 => "READONLY" <入力 > 無効 = "無効" <オプション =「選択」を選択 >


XHTMLにHTMLを変換する方法

  1. あなたのページに<!DOCTYPE> XHTMLを追加します。
  2. 追加のxmlnsは、各ページのHTML要素に属性。
  3. 小文字にすべての要素を変更します
  4. 空の要素をすべて閉じます
  5. 小文字にすべての属性名を変更します。
  6. すべての属性値は引用符を追加します

W3Cのバリデータを使用すると、XHTMLをテストします

下のボックスにURLを入力してください: