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

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

寻∝梦
リリース: 2018-09-01 14:24:29
オリジナル
3017 人が閲覧しました

この記事では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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート