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

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

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

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

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

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

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 が動作しない問題の解決方法 (ブラウザでコンパイルできない)

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

推薦する

CSS3 での 2D および 3D 変換の実装

CSS3 は、要素の 2D 平面変換と視覚的な 3D 空間変換を実装します。2D 変換はより頻繁に使...

CSS リセットスタイルリセットの実装例

はじめに: すべてのブラウザには、「ユーザー エージェント スタイル シート」と呼ばれる、すべてのペ...

Dockerイメージの作成Dockerfileとコミット操作

イメージを構築するイメージを構築するには、主に 2 つの方法があります。実行中のコンテナをイメージに...

カレンダー効果を実現するJavaScript

この記事では、カレンダー効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...

HTML 再利用テクニック

HTML の再利用は、あまり話題に上らない言葉です。今日は、この問題を次のようにまとめたいと思います...

docker compose サービスの起動順序を制御する方法

まとめDocker-compose は複数の Docker コンテナ サービスを簡単に組み合わせるこ...

Vue の状態管理: Vuex の代わりに Pinia を使用する

目次1. ピニアとは何ですか? 2. Piniaは使いやすい3. ユーザーエクスペリエンス1. ピニ...

重複データの処理に関するMySQL学習ノート

MySQLは重複データを処理します一部の MySQL テーブルには重複レコードが含まれている場合があ...

解決策 - BASH: /HOME/JAVA/JDK1.8.0_221/BIN/JAVA: 権限が不十分です

1) jdkファイルが保存されているフォルダパスを入力します私はここにいますusr/local/jd...

さまざまな解像度やブラウザでウェブページを適切に表示する方法

キーコードは次のとおりです。コードをコピーコードは次のとおりです。 html{高さ:100%; }コ...

div+cssとウェブ標準ページの利点

div 要素は、HTML ドキュメント内のブロックレベル コンテンツの構造と背景を提供するために使用...

MySQLサービスを削除する具体的な方法

MySQLは次のエラーを表示します「コントロール パネル -> 管理ツール -> サービ...

フロントエンド開発者は毎日HTMLタグの理解を学ばなければならない(1)

2.1 セマンティクス化により、Webページが検索エンジンに理解されやすくなりますこの章では、We...

Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用

cellspacing は表内のセル間の距離です。セルパディングは、表のセル内の空白スペースです。一...