7つの基本的なXHTMLコーディングルールの概要

1. すべてのタグには対応する終了タグが必要です
以前の HTML では、 や <li> などのタグを開くときに、必ずしも対応する や </li> を書いて閉じる必要はありませんでした。しかし、これは XHTML では違法です。 XHTML では厳密な構造が要求され、すべてのタグが閉じられている必要があります。ペアになっていない単一のタグの場合は、タグの末尾に「/」を追加してタグを閉じます。例えば：
 <img height="80" alt="Webデザイナー" src="../images/logo_w3cn_200×80.gif" width="200" />

2. タグのすべての要素と属性の名前は小文字にする必要があります。 HTML とは異なり、XHTML では大文字と小文字が区別されます。<title> と <TITLE> は異なるタグです。 XHTML では、すべてのタグ名と属性名を小文字にする必要があります。たとえば、<BODY> は <body> と記述する必要があります。大文字と小文字の混在も認識されません。通常、Dreamweaver によって自動的に生成される属性名「onMouseOver」も「onmouseover」に変更する必要があります。

3. すべてのXHTMLタグは適切にネストされている必要があります
また、XHTML では厳密な構造が求められるため、すべてのネストが順番に行われなければなりません。以前は、次のようにコードを記述していました。
/b> を次のように変更する必要があります: /p>
つまり、ネストレイヤーは厳密に対称である必要があります。

4. すべての属性は引用符「」で囲む必要があります。
HTML では属性値を引用符で囲む必要はありませんが、XHTML では属性値を引用符で囲む必要があります。例えば：
<height=80> を次のように変更する必要があります: <height="80">
特別な場合には、属性値に二重引用符を使用する必要があります。" または一重引用符 ( ' ) を使用できます。例:
<alt="こんにちは" と言ってください">

5. すべての<と&の特殊記号をエンコードする
タグの一部ではない小なり記号 (<) は、 & lt ; としてエンコードする必要があります。
タグの一部ではない大なり記号 (>) は、> としてエンコードする必要があります。
エンティティの一部ではないアンパサンド (&) は & としてエンコードする必要があります。
注意: 上記の文字の間にはスペースはありません。

6. すべての属性に値を割り当てる
XHTML では、すべての属性に値が必要であり、値のない属性は繰り返す必要があると規定されています。例えば：
<td nowrap> <input type="checkbox" name="shirt" value="medium" チェック済み>
次のように変更する必要があります:
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" selected="checked">

7. コメントに「–」を使わない
「–」は XHTML コメントの先頭と末尾にのみ出現します。つまり、コンテンツ内では有効ではなくなります。たとえば、次のコードは無効です。
<!–ここにコメント———–ここにコメント–>
内部のダッシュを等号またはスペースに置き換えます。
<!–ここにコメント=============ここにコメント–>
上記の仕様の一部は奇妙に思えるかもしれませんが、これらはすべて、将来のデータの再利用を容易にするために、コードに統一された独自の標準を持たせるためのものです。

<<: scss で mixin が動作しない問題の解決方法 (ブラウザでコンパイルできない)

>>: 良いと思う国内のデザインサイトをいくつか選んでみました。