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 スライディングオーダー問題の原理と解決の例分析

この記事では、例を使用して、MySQL スライディング順序問題の原理と解決方法を説明します。ご参考ま...

Spark SQL の 4 つの一般的なデータ ソースの詳細な説明

汎用ロード/書き込みメソッドオプションを手動で指定するSpark SQL の DataFrame イ...

CSS3 引用のソースと出典をマークする方法

疫病のせいで家にこもりきりで、頭がおかしくなりそうなので、パソコンを起動して頭を働かせてみました。今...

Linux で文字列を整理するためのヒント

Linuxの操作では、ファイル内の文字列を置換したりカウントしたりすることが多いです。ここでまとめを...

Nginx レイヤー 4 負荷分散構成ガイド

1. レイヤー4負荷分散の概要レイヤー 4 ロード バランシングとは何ですか?いわゆる 4 層負荷分...

IE、Firefox、Chromeブラウザではスペースの表示が異なります

&nbsp;&nbsp;IE、Firefox、Chrome ブラウザでの表示効果は、...

React Fiberの仕組みの詳細な説明

目次React Fiberとは何ですか?なぜReact Fiberなのか? React Fiberは...

Nginx バージョンのスムーズなアップグレードソリューションの詳細説明

目次背景: Nginx スムーズ アップグレード ソリューションフォールバック手順要約する背景:負荷...

パゴダパネルとドッカーを使用して Gogs をインストールするプロセス全体

目次1 Baota Software StoreにDockerをインストールする2 ゴグスイメージを...

MySQLのロック構造の詳細な説明

Mysqlは3種類のロック構造をサポートしていますテーブルレベルのロック、低オーバーヘッド、高速ロッ...

CSS3 は下部に固定されたフッターを実装します (ページの高さに関係なく常に下部にあります)

序文フッター領域を下部に固定します。ページの高さや幅に関係なく、モバイル メニューと同様に、フッター...

CSS3+ベジェ曲線でスケーラブルな入力検索ボックス効果を実現

では、早速レンダリングを見てみましょう。 コア コードはtransition: cubic-bezi...

Nginx+SpringBoot による負荷分散の実装例

負荷分散の概要Nginx の負荷分散実装を紹介する前に、負荷分散の分類について簡単に説明します。負荷...

Ubuntu 18.0.4 MySQL 8.0.20 のインストールと設定方法のグラフィックチュートリアル

MySQL 8.0.20 のインストールおよび設定方法は、参考としてグラフィック チュートリアルにま...

Vueはボトムクエリ関数を実装します

この記事では、ボトムクエリ機能を実装するためのVueの具体的なコードを例として紹介します。具体的な内...