XHTMLは時代遅れですが、HTMLコーディングへの影響は持続します。多くの開発者は、HTMLを書くときにXHTMLプラクティスを無意識のうちに順守しています。この記事では、2つのアプローチの區(qū)別を明確にしています。

HTML、XHTML、およびシフトバック

進(jìn)化は簡単です。HTMLは1990年代、XHTML 2000年代を支配し、2010年代にHTMLに戻りました。これは、仕様のリリース日に反映されています。HTML1（1992）、HTML 2.0（1995）、HTML 3.2（1997）、HTML 4.01（1999）; XHTML 1.0（2000）、XHTML 1.1（2001）; HTML5（2007）。

XHTMLの臺頭は、XMLの支配に対する広範(fàn)な信念と一致しました。これにより、XHTMLスタイルのHTMLコーディングが採用されました。

XHTMLの長引く影

XHTML 1.0の「HTML 4との違い」セクションでは、その重要な區(qū)別について説明します。

• よく形成されたドキュメント： XHTMLは、よく形成されたドキュメントを要求します。
• 小文字要素と屬性名：要素と屬性名は小文字でなければなりません。
• 必須エンドタグ：空でない要素には、エンドタグが必要です。
• 屬性値の必須見積もり：屬性値は常に引用する必要があります。
• 屬性の最小化なし：屬性の最小化はサポートされていません。
• 閉じた空の要素：空の要素は閉じるタグが必要です。
• XMLに準(zhǔn)拠した白人の取り扱い：屬性値のホワイトスペースはXMLルールに従います。
• スクリプトとスタイル用のCDATAセクション：スクリプトとスタイル要素には、CDATAセクションが必要です。
• SGML除外はありません： SGML除外は許可されていません。
• id屬性優(yōu)先度： idとname屬性を持つ要素は、主にidを使用する必要があります。
• ケースに敏感な屬性：事前定義された値セットを持つ屬性はケースに敏感です。
• 小文字の六分位エンティティ參照： 16進(jìn)體エンティティ參照は小文字でなければなりません。

XHTMLが時代遅れであるにもかかわらず、無意識のうちに多くの開発者は、これらのルールのほとんどにまだ従っています。 HTMLの「ベストプラクティス」が認(rèn)識されている人もいます。

HTMLの真の精神を受け入れる

対照的に、XHTMLが課したルールを否定しましょう（HTMLがSGMLに依存していないため、SGML関連の側(cè)面を除く）：

• ドキュメントの備品：ドキュメントがよく形成されていない場合があります。
• ケースの感度：要素と屬性名は上位または小文字です。
• オプションのエンドタグ：空でない要素のエンドタグはオプションです。
• オプションの引用：屬性値が引用されていない場合があります。
• 屬性の最小化：屬性の最小化が許可されます。
• 閉鎖されていない空の要素：空の要素は閉じるタグを必要としません。
• ホワイトスペースの取り扱い：屬性値のホワイトスペースは厳密にXMLに準(zhǔn)拠していません。
• CDATAセクション：スクリプトとスタイルのCDATAセクションはオプションです。
• id / name屬性： idおよびname屬性の使用は制限されていません。
• 屬性のケース感度：事前定義された値セットを持つ屬性は、癥例に敏感ではありません。
• 16進(jìn)體エンティティ參照： 16進(jìn)動物のエンティティ參照の場合は制限されていません。

最も関連性の高い側(cè)面に焦點(diǎn)を當(dāng)て、単純化します。

• オプションのタグ：開始タグとエンドタグはオプションです。
• 閉鎖されていない空の要素：空の要素は、タグを閉じる必要はありません。
• 名前のケース：要素と屬性名は上位または小文字です。
• オプションの引用：屬性値が引用されていない場合があります。
• 屬性の最小化：屬性の最小化がサポートされています。

HTMLの回復(fù)力は無効なコードを可能にしますが、ベストプラクティスは有効で適切に形成されたHTMLを強(qiáng)調(diào)しています。したがって、「ドキュメントが十分に形成されていない」ポイントは無視されます。 HTMLの方法の本質(zhì)は次のようになります。

• オプションのタグ：タグの開始と終了は必ずしも必要ではありません。
• 閉鎖されていない空の要素：空の要素を閉じる必要はありません。
• ケース非感受性名：要素と屬性名は小文字または大文字です。
• オプションの引用：屬性値が常に引用されるとは限りません。
• 屬性の最小化：屬性の最小化がサポートされています。

実用的な例

XHTML対HTML：

xhtml：

<p>例の段落。</p>

• アイテム1
• アイテム2

HTML：

<p>例の段落。
</p>

• アイテム1
• アイテム2

HTMLでは、大文字と屬性、引用されていない屬性値（安全な場合）、および最小化された屬性を可能にします。

最新のHTMLアプローチ

最新のHTMLアプローチは優(yōu)先順位を付ける必要があります。

1. 有効でセマンティックなHTML： HTMLを検証し、セマンティックの正確性を確保します。
2. 一貫したコーディングスタイル：ケース（上位または小文字）の一貫したスタイルを選択し、引用屬性屬性を選択します。
3. ミニマリズム： HTMLを最小限に抑え、プレゼンテーションと動作のためにCSSとJavaScriptに依存します。必要に応じて、オプションのタグ、空の要素の閉鎖、デフォルトの屬性値、屬性の最小化を活用します。

html-minifierなどのツールは、HTMLの最適化に役立ちます。 XMLの影響とは無関係に、HTMLの本質(zhì)を再発見することは、現(xiàn)代のWeb開発の鍵です。

以上がHTML、HTMLウェイ（XHTMLウェイではありません）を書きますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。