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

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

推薦する

ウェブページの最も基本的なコード

◆お気に入りに追加例示するクリックすると、ブラウザのお気に入りメニューにウェブサイトが追加されます...

MySQL で複数の主キーが定義されているエラーの解決方法

主キーを作成するには 2 つの方法があります。 テーブルテーブル名を作成( フィールド名タイプ、 フ...

WeChatアプレットでグローバル変数を監視する方法

最近、仕事で問題に遭遇しました。グローバル変数 red_heart があります。これは多くの場所で使...

Vue で円形プログレスバーを実装する例

データ表示は、常にあらゆる職業の人々が求めているものです。特にフロントエンド開発業界では、データを表...

商品クエリ機能を実現するJavaScript

この記事の例では、商品検索機能を実現するためのJavaScriptの具体的なコードを参考までに共有し...

忘れられたMySQLパスワードとログインエラーの問題について簡単に説明します

MySQL ログイン パスワードを忘れた場合、解決方法は実はとても簡単です。MySQL メイン構成フ...

MySQL スロークエリログの詳細な理解

目次スロークエリログとは何ですか?スロークエリを有効にする方法ログ分析ツール mysqldumpsh...

WeChat アプレットカスタムタブバーステップ記録

目次1. はじめに2. タブバーのスタイルをカスタマイズする3. カスタムタブバーと関連設定を導入す...

JavaScript 初心者のための二分探索木アルゴリズムのチュートリアル

目次バイナリ検索木 (BST) とは何ですか?バイナリツリーの基本的な走査(インオーダー、ポストオー...

Linux のインスタンスにパブリック IP アドレスを割り当てる方法

説明するこのインターフェースを呼び出すときは、次の点に注意する必要があります。パブリック IP アド...

Docker MQTT のインストールと使用のチュートリアル

MQTT の紹介MQTT (Message Queuing Telemetry Transport)...

Vue を使用して Web ページのスクリーンショットを撮る方法をご存知ですか?

目次1. html2Canvasをインストールする2. 必要なVueコンポーネントを導入する3. ス...

SpringBoot + Vue プロジェクトを Linux サーバーにデプロイするための詳細なチュートリアル

序文SpringBoot + Vueのフロントエンドとバックエンドを分離したプロジェクトをどのように...

Mysql general_log をクリーンアップする方法の概要

方法1: グローバル general_log を 'OFF' に設定します。 テーブ...

W3C チュートリアル (15): W3C SMIL アクティビティ

SMIL は、Web にタイミングとメディアの同期のサポートを追加します。 SMIL は、Web に...