XHTMLコーディング 7つの基本仕様まとめ
2022-01-28 09:41:08
I. すべてのタグは、対応する終了タグを持たなければならない
これまでのHTMLでは、<p> や <li> などの多くのタグを、必ずしも対応する </p> や </li> を書いて閉じなくても、開くことが可能でした。しかし、これはXHTMLでは合法ではありません。XHTMLでは、すべてのタグが閉じられていなければならないという厳格な構造が要求されます。もし、対になっていない単一のタグであれば、タグの末尾に"/"を付けて閉じます。例えば
<br /><img height="80" alt="web designer" src=". /images/logo_w3cn_200×80.gif" width="200" />
II. すべてのタグ要素および属性の名前は小文字でなければならない
大文字と小文字を区別するHTMLと異なり、<title>と<TITLE>は異なるタグですが、XHTMLではタグや属性名はすべて小文字にすることが要求されています。例えば、<BODY>は、<body>と書かなければなりません。大文字小文字の区別もつかず、通常dreamweaverが自動生成する属性名"onMouseOver"も"onmouseover"に変えなければなりません。
III. すべてのXHTMLタグは適度にネストされていなければならない
繰り返しになりますが、XHTMLはタイトな構造を要求するため、以前はこのようなコードを書いていたように、すべてのネストは順番に行わなければなりません。
<p><b></p>/b> は次のように変更する必要があります： <p><b></b>/p>
つまり、レイヤーとレイヤーの入れ子は厳密に対称でなければならないのです。
IV. すべての属性は、引用符 ""で囲む必要があります。
HTMLでは属性値を引用せずにそのままにしておくことができますが、XHTMLでは引用符で囲む必要があります。例えば
<height=80> は、次のように変更する必要があります： <height="80">
特殊なケースとして、属性値にダブルクォートを使用する必要がある場合、"を使用し、シングルクォートでは'を使用することができるなどです。
<alt="say'hello'">
V. 全ての<と&特殊記号のコード化
タグの一部でない小文字の記号（<）は、& l t としてエンコードする必要があります。
ラベル以外の大なり記号（>）は、& g t としてエンコードする必要があります。
実体の一部でない with 記号 (&) は & a m p としてコード化する必要があります。
注）上記の文字と文字の間にスペースはありません。
VI. すべてのプロパティに値を割り当てる
XHTMLはすべての属性に値を要求し、値がない場合はそれを繰り返します。例えば
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
に変更する必要があります。
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked=" >.TYPE="check">.TYPE="check">
VII. コメント内容に"-"を作らないでください。
"-"は、XHTMLコメントの最初と最後にのみ発生し、つまり、コンテンツ内では無効となります。例えば、以下のようなコードは無効です。
<! -ここにコメントがあります ----ここにコメントがあります->
内部のダッシュを等号またはスペースに置き換えてください。
<! -コメントはこちらです ============================================================================= ->
上記の仕様の中には奇妙に見えるものもありますが、これは私たちのコードに統一されたユニークな基準を設け、後でデータを再利用しやすくするためのものなのです。
これまでのHTMLでは、<p> や <li> などの多くのタグを、必ずしも対応する </p> や </li> を書いて閉じなくても、開くことが可能でした。しかし、これはXHTMLでは合法ではありません。XHTMLでは、すべてのタグが閉じられていなければならないという厳格な構造が要求されます。もし、対になっていない単一のタグであれば、タグの末尾に"/"を付けて閉じます。例えば
<br /><img height="80" alt="web designer" src=". /images/logo_w3cn_200×80.gif" width="200" />
II. すべてのタグ要素および属性の名前は小文字でなければならない
大文字と小文字を区別するHTMLと異なり、<title>と<TITLE>は異なるタグですが、XHTMLではタグや属性名はすべて小文字にすることが要求されています。例えば、<BODY>は、<body>と書かなければなりません。大文字小文字の区別もつかず、通常dreamweaverが自動生成する属性名"onMouseOver"も"onmouseover"に変えなければなりません。
III. すべてのXHTMLタグは適度にネストされていなければならない
繰り返しになりますが、XHTMLはタイトな構造を要求するため、以前はこのようなコードを書いていたように、すべてのネストは順番に行わなければなりません。
<p><b></p>/b> は次のように変更する必要があります： <p><b></b>/p>
つまり、レイヤーとレイヤーの入れ子は厳密に対称でなければならないのです。
IV. すべての属性は、引用符 ""で囲む必要があります。
HTMLでは属性値を引用せずにそのままにしておくことができますが、XHTMLでは引用符で囲む必要があります。例えば
<height=80> は、次のように変更する必要があります： <height="80">
特殊なケースとして、属性値にダブルクォートを使用する必要がある場合、"を使用し、シングルクォートでは'を使用することができるなどです。
<alt="say'hello'">
V. 全ての<と&特殊記号のコード化
タグの一部でない小文字の記号（<）は、& l t としてエンコードする必要があります。
ラベル以外の大なり記号（>）は、& g t としてエンコードする必要があります。
実体の一部でない with 記号 (&) は & a m p としてコード化する必要があります。
注）上記の文字と文字の間にスペースはありません。
VI. すべてのプロパティに値を割り当てる
XHTMLはすべての属性に値を要求し、値がない場合はそれを繰り返します。例えば
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
に変更する必要があります。
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked=" >.TYPE="check">.TYPE="check">
VII. コメント内容に"-"を作らないでください。
"-"は、XHTMLコメントの最初と最後にのみ発生し、つまり、コンテンツ内では無効となります。例えば、以下のようなコードは無効です。
<! -ここにコメントがあります ----ここにコメントがあります->
内部のダッシュを等号またはスペースに置き換えてください。
<! -コメントはこちらです ============================================================================= ->
上記の仕様の中には奇妙に見えるものもありますが、これは私たちのコードに統一されたユニークな基準を設け、後でデータを再利用しやすくするためのものなのです。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン