HTML対XHTML：2つの解析モードの比較-CSSチュートリアル-php.cn

HTML対XHTML：2つの解析モードの比較

Jennifer Aniston

リリース： 2025-02-27 08:49:15

オリジナル

934 人が閲覧しました

HTML5解析パターンの詳細な説明：HTMLとXMLの違い

HTML5は、HTMLとXMLの2つの解析モードを提供します。どのモードを選択するかは、ドキュメントがサービスを提供するためにContent-type: text/htmlヘッドまたはContent-type: application/xml xhtmlヘッドを使用するかどうかによって異なります。各モードには独自のルールセットがあります。

HTML解析モードは、次のような柔軟性を高めることができます。タグや属性はケース非感受性、特定の要素の開始タグと終了タグはオプションであり、属性は引用に必要ではありません。ただし、HTML5 Doctypeを含める必要があります。

XHTML5解析モード（HTML5のXML構文とも呼ばれる）はより厳しく、すべての要素がスタートとエンドのタグ、タグ、属性を備えていることを要求します。このスキーマには、XML NameSpace属性とContent-type: application/xml xhtml応答ヘッダーも含める必要があります。

html syntax

別のHTML5ドキュメントを見てみましょう：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Hi</title>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <p>
    <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg"  class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes " />
    Isn't this a lovely flower?
  </p>
  <p>
    Yes, that is a lovely flower. What kind is it?
  </p>
</body>
</html>

ログイン後にコピー

最初の行はDoctype宣言です。すべてのHTML5タグと同様に、それはケース非感受性です。

次は<head>要素です。 <head>要素には、通常、タイトルや文字セットなどのドキュメントに関する情報が含まれています。この例では、このドキュメントの文字セットを定義する<head>要素には、<meta>要素が含まれています。文字セットを含めることはオプションですが、常に設定する必要があり、UTF-8が推奨されます。

私たちの<head>要素には、ドキュメントタイトル（<title>Hi</title>）も含まれています。ほとんどのブラウザでは、<title>タグ間のテキストがブラウザウィンドウまたはタブの上部に表示されます。

HTMLのコメントは、ブラウザでレンダリングされないテキストフラグメントです。それらはソースコードでのみ表示され、自分や同僚に文書に関するコメントを残すためによく使用されます。 HTMLコードを生成するソフトウェアプログラムには、コメントも含まれている場合があります。コメントは、HTMLドキュメントのほぼどこにでも表示できます。それぞれのコメントは、で開始し、

ドキュメントは、以下に示すように、外部リソースを指す要素も含める場合があります。リソースには、スタイルシート、ファビコン画像、またはRSSフィードが含まれます。 <head>属性を使用して、ドキュメントとリンクしたドキュメントとの関係を説明します。この例では、Cascading StyleSheetまたはCSSファイルにリンクします。 CSSは、その構造ではなくドキュメントの外観を説明するために使用するスタイルシート言語です。 <link> rel 要素を使用してファイルにCSSを含めることもできます（ここでは

およびで区切られています）。ただし、<style>要素を使用すると、複数のページで同じStyleSheetファイルを共有できます。 <style> ちなみに、</style>と<link>は、空のHTML要素の例です。たとえば、

はになりますが、これは必要ありません。 <meta> <link> "xhtml5"：html5/のxml構文HTML5は、より厳格なXMLのような構文で記述することもできます。第1章のXHTML 1.0は、「XML 1.0アプリケーションの上書きとして」「HTML 4」だったことを覚えているかもしれません。これは、「xhtml5」と呼ばれることもあります。「XHTML5」は、XMLの構文ルールを使用した書き込みと解析と、Content-type: application/xml xhtmlを使用してヘッダーで提供されるHTML5への応答として最もよく理解されています。

次のルールは「xhtml5」に適用されます：

<li>

/

checked

checked="checked"

checked="true"

startタグには、<html>（xml namespace）属性も必要です。上記のドキュメントを書き換えてXML構文を使用すると、次のようになります。 xmlns

ここでは、

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Hi</title>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <p>
    <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg"  class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes " />
    Isn't this a lovely flower?
  </p>
  <p>
    Yes, that is a lovely flower. What kind is it?
  </p>
</body>
</html>

ログイン後にコピー

以上がHTML対XHTML：2つの解析モードの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。