16 の XHTML1.0 と HTML の互換性ガイドラインの概要

16 の XHTML1.0 と HTML の互換性ガイドラインの概要

1.ページを XML タイプとして宣言しないでください。ページでは UTF-8 または UTF-16 文字セットを使用する必要があります。

2.空要素タグ(コンテンツを含めることができないタグ)の終了文字 > の前にスラッシュ / を追加します(例: <br />、<hr /> など)。

3. 空でない要素(タイトルや段落などのコンテンツを格納するために使用されるタグ)に空のコンテンツがある場合は、空の要素と同じ終了方法を使用するのではなく、空白文字を指定します。たとえば、コンテンツのない P タグがある場合は、<p /> ではなく <p> </p> と記述してください。

4.スタイルやスクリプトのコンテンツに <、&、]]> または 2 つの連続したハイフン -- が表示される場合は、外部ファイルを使用してインポートしてください。

5.要素の属性値に改行や複数のスペースを入れないでください。

6.ドキュメントのヘッドセクションに複数の isindex 要素を含めないでください(使用しないことをお勧めします)。この要素は推奨されません。
isindex: ブラウザにダイアログ ボックスが表示され、ユーザーに 1 行のテキストを入力するよう促します。
HTML 4 では、この要素は廃止され、代わりに INPUT 要素が使用されるようになりました。 isIndex の tagName プロパティは入力を返します。
この要素はブロック要素であり、終了タグが必要です。
次の例では、ISINDEX 要素を使用してデフォルトのプロンプトを置き換えます。
<isindex prompt="検索するインデックスキーワードを入力してください" />

7.要素の言語を指定する場合は、lang 属性と xml:lang 属性を使用します。xml:lang の値が優先されます。

8.要素の識別子として id 属性を使用し、 name 属性の使用は避けてください。特に、a、applet、form、frame、iframe、img、map の要素では、 name 属性を識別子として使用することは推奨されません。

9.ページのドキュメント文字セットを定義します。XML ドキュメントの文字セットを定義するには <?xml version="1.0" encoding="UTF-8"?> を使用し、XHTML の文字セットを定義するには <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> を使用します。

10.ブール型要素の属性値には、属性名を使用してください(例:checked="checked")。ブール型要素には、compact、nowrap、ismap、declare、noshade、checked、disabled、readonly、multiple、selected、noresize、defer などがあります。

11. HTML4 および XML ドキュメント オブジェクト モデルでは、HTML 要素名と属性名が大文字の形式で返されることが規定されています。 XHTML では、要素名と属性名は小文字で返されます。

12.属性値のアンパサンドを&amp;で置き換える

13. XHTML では、CSS スタイル タグと属性名は小文字にする必要があります
HTML テーブルでは、解析時に tbody は自動的に補完されますが、XML ではそうではないため、CSS セレクターで使用する場合は tbody 要素を自分で追加する必要があります。
CSS で id 属性を持つ要素を選択する場合は、# セレクターを使用します
CSS でクラス属性を持つ要素を選択する場合は、. セレクタを使用します

14. XML ドキュメントを解析するときに Style 要素を使用するにはどうすればよいでしょうか? HTML4 および XHTML では、スタイル要素を使用してドキュメント内のスタイル ルールを定義できます。XML では、XML スタイルシートを使用してスタイル ルールを定義します。このルールと互換性を持たせるには、 XML ドキュメントを解析するときにスタイル要素を使用する必要がある場合、スタイル要素は識別子として id 属性を使用する必要があり、それを参照する XML スタイルシートが必要です。例:

<?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html
パブリック "-//W3C//DTD XHTML 1.0 厳密//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<ヘッド>
<title>内部スタイルシートの例</title>
<スタイル タイプ="text/css" id="内部スタイル">
コード {
色: 緑;
フォントファミリ: 等幅;
フォントの太さ: 太字;
}
</スタイル>
</head>
<本文>
<p>
W3CGroup が XHTML と HTML の互換性に関する 16 のガイドラインを導入しました。
<code>http://www.w3cgroup.com/article.asp?id=252</code> を参照してください。
</p>
</本文>
</html>


15. HTML および XML 内の空白文字に注意してください。 HTML 文書では有効な文字でも、XML では有効でない文字があります。たとえば、HTML ではフォームフィード文字 (U+000C) はスペースとして解析されますが、XHTML では XML の文字定義により無効になります。

16特殊文字 &apos; (省略記号、U+0027) はXML1.0 で導入されましたが、HTML には登場しませんでした。&apos; を &#39; に置き換えると、HTML4 で使用できるようになります。

<<:  Docker Secretの管理と使用の詳細な説明

>>:  MySQL で lower_case_table_names を記録する際の落とし穴の詳細な説明

推薦する

MySQL のストレージ エンジンの違いと比較

MyISAM ストレージエンジンMyISAM は ISAM ストレージ エンジンに基づいており、それ...

mybatis-plusページングパラメータが渡された後、SQLのwhere条件にはページング情報操作の制限がありません

2時間近くかけて、さまざまな方法を試しました。後で、whereでフィルタリングした後のデータ量が1ペ...

設定ファイルを書いてMyBatisを簡単に使う方法

設定ファイルを書いてMyBatisを簡単に使う方法マイバティス3.xここでは MyBatis につい...

Linux で binlog ファイルの作成時間を表示するコマンド

目次背景分析する方法背景MySQL は 26 日の 16:23:49 に大量のスロー クエリを生成し...

HTMLでのフォーム送信の実装

フォーム送信コード1. ソースコード分析 <!DOCTYPE html> <htm...

初心者のためのWebサイト構築入門 ③ エイリアス(CNAME)レコードとURL転送

①. エイリアス(CNAME)レコードの使用方法:前回の投稿のドメイン名解決では、A レコードの解...

Taobao ストアでズームインする効果は、スライドショーを使用する原理に似ています。

今日は、スライドを使用する原理に似た、Taobao のフロントエンドのマウス ズーム効果に慣れました...

よく使われる Docker コマンドと例の概要と分析

目次1. コンテナライフサイクル管理(1)ドッカー実行(2)スタート/ストップ/リスタート(3)ドッ...

DockerToolBox ファイルマウント実装コード

docker を使用すると、ファイルをマウントできない場合があります。これは、仮想マシンの共有フォル...

Node.js を使用して png 画像に透明なピクセルがあるかどうかを判断する方法

背景PNG 画像は jpg 画像よりも多くのストレージスペースを占有しますが、PNG 画像の品質は大...

Python の MySQL データベース LIKE 演算子の詳細な説明

LIKE 演算子は、列内の指定されたパターンを検索するため、WHERE 句で使用されます。文法: 列...

知っておくべきHTML最適化テクニック

Web ページのパフォーマンスを向上させるために、多くの開発者は、JavaScript、画像の最適化...

MySQL のデッドロック チェックとデッドロック除去の例の詳細な説明

1. クエリプロセスプロセスリストを表示2. 対応するプロセスを照会し、IDを強制終了します。検証(...

Windows10でmysql8.0.17を置き換える詳細なチュートリアル

この記事では、Windows10でmysql8.0.17を置き換える具体的な手順を参考までに紹介しま...