HTML、HTMLウェイ（XHTMLウェイではありません）を書きます

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

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

進化は簡単です。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の支配に対する広範な信念と一致しました。これにより、XHTMLスタイルのHTMLコーディングが採用されました。

XHTMLの長引く影

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

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

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

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

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

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

最も関連性の高い側面に焦点を当て、単純化します。

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

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

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

実用的な例

XHTML対HTML：

xhtml：

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

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

リンク

HTML：

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

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

リンク

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

最新のHTMLアプローチ

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

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

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

以上がHTML、HTMLウェイ（XHTMLウェイではありません）を書きますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。