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

ホームページ

ウェブフロントエンド

CSSチュートリアル

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

Jennifer Aniston

Feb 27, 2025 am 08:49 AM

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>

ログイン後にコピー

プロパティを使用して追加して、より厳しい構文を使用していることをブラウザに通知しました。また、空の要素のタグを自己閉鎖しましたおよびxmlns。 XMLおよびXHTMLのルールによれば、すべての要素はエンドタグで閉じているか、スペース、スラッシュ、右指定の角度ブラケットで自己閉鎖する必要があります（<meta>＆gt;）。 <img alt="HTML対XHTML：2つの解析モードの比較" > この例では、この例では、/も自己閉鎖しました。

としてページを提供する場合は、自己閉鎖構文を使用することもできます。 <code>application/xml xhtml忘れないでください：ブラウザがXML/XHTMLルールに従ってこのドキュメントを解析するためには、ドキュメントがサーバーから

応答ヘッダーを含むドキュメントを送信する必要があります。実際、Doctypeが欠落していても、このヘッダーを含むと、標準に準拠したブラウザでXHTML5の解析がトリガーされます。 Content-type: application/xml xhtml XMLの解析ルールが厳しいことに気付いたかもしれません。

MIMEタイプとそのゆるいHTML構文を使用する方がはるかに簡単です。 text/htmlHTMLおよびXHTML FAQ（FAQ）

（記事が長すぎて擬似オリジナルの目標と一致しないため、FAQパーツはここで省略されています。PAQパーツは、必要に応じて追加または変更できます。

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

このウェブサイトの声明

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