ホームページ ウェブフロントエンド htmlチュートリアル xhtmlとhtmlの違いは何ですか? xhtmlとhtmlの類似点と相違点の分析

xhtmlとhtmlの違いは何ですか? xhtmlとhtmlの類似点と相違点の分析

Sep 01, 2018 pm 02:24 PM
html xhtml

この記事ではHTMLとxhtmlの違いを中心に紹介していますが、HTMLとxhtmlの類似点や相違点も全てまとめてありますので、一緒に読んでいきましょう

1.まずHTMLとxhtmlの違いを公式で説明します。

HTML は基本的な WEB ページ デザイン言語です。XHTML は XML に基づくマークアップ言語です。見た目は HTML に似ていますが、小さいながらも重要な違いがいくつかあります。XHTML は HTML と同様の役割を果たす XML です。したがって、本質的に、XHTML は、XML の (ある程度の) 能力と HTML の (ほとんどの) 単純さを組み合わせた過渡的なテクノロジです。

HTML と XHTML の違い 簡単に言うと、XHTML は HTML の XML バージョンと考えることができます。XHTML には、XML 要件に準拠するために、より厳密な構文要件があります。

2. XHTML と HTML の主な違いは次のとおりです:

  • XHTML では正しいネストが必要です。

  • すべての XHTML 要素は閉じられている必要があります。

  • XHTML では大文字と小文字が区別されます。

  • XHTML ドキュメントにはルート要素が必要です。

次に、類似点と相違点を 1 つずつ見てみましょう:

1. 要素は正しくネストされている必要があります

HTML では、次のように特定の要素が相互に誤ってネストされる可能性があります。 XHTML では、すべての要素が次のように相互に適切にネストされている必要があります:

<b><i>这里是PHP中文网</b></i>
ログイン後にコピー

ヒント: ネストされたリストで犯しやすい間違いは、次のように、内部リストが li 要素内になければならないことを忘れることです:

これは正しいです:

<b><i>This text is bold and italic</i></b>
ログイン後にコピー

注: 正しいコードの例では、 の後に タグを挿入しました。

2.XHTML 要素は閉じられている必要があります:

空でないタグは終了タグを使用する必要があります。

これは間違っています:

<ul>
  <li>百度</li>  
  <li>PHP中文网
    <ul>
      <li>html在线教程</li>
      <li>PHP在线教程</li>
    </ul>
  </li>
  <li>腾讯</li>
</ul>
ログイン後にコピー

これは正しい:

<p>这里是www.php.cn
<p>这里是PHP中文网
ログイン後にコピー

3.

これは間違っています:

<p>这里是www.php.cn</p>
<p>这里是PHP中文网</p>
ログイン後にコピー

これは正しいです:

<BODY>
<P>这里是PHP中文网</P>
</BODY>
ログイン後にコピー
ログイン後にコピー

4.XHTML ドキュメントにはルート要素が必要です

すべての XHTML 要素は ルート要素内にネストされている必要があります。他のすべての要素は子要素を持つことができます。子要素は、親要素内でペアにしてネストする必要があります。基本的なドキュメントの構造は次のとおりです。

<BODY>
<P>这里是PHP中文网</P>
</BODY>
ログイン後にコピー
ログイン後にコピー
上記は HTML と xhtml の違いについてです。ご質問がある場合は、以下で質問してください。

【編集者のおすすめ】


HTMLフォントタグのフォントサイズを設定するには? HTMLのフォントタグ属性の使い方を紹介

HTMLに画像を追加するコードとは? HTMLに画像パスを正しく追加するにはどうすればよいですか?

以上がxhtmlとhtmlの違いは何ですか? xhtmlとhtmlの類似点と相違点の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles