ホーム>Web デザインのチュートリアル>HTMLチュートリアル

XHTMLをHTMLと互換性のあるものにします

著者：Eve Cole 更新時間：2025-06-14 10:16:01

XHTMLでJavaScriptとCSSを正しく使用する方法を紹介した後、Web Designは、XHTML互換性のHTMLとの16のガイドラインを引き続き提供しています。

1.ページをXMLタイプとして宣言しないようにし、ページでUTF-8またはUTF-16文字セットを使用します。

2。空の要素ラベルのエンディング文字>の前にスラッシュ /を追加します（ラベルはコンテンツを含めるために使用できません）：<br />、<hr />など。

3.空でない要素（このラベルがタイトル、段落などのコンテンツを含むために使用されている場合）が空で、空白の文字を与え、次のような空の要素のようなエンディングメソッドを使用しない場合、コンテンツのないPタグの場合は、<p />の代わりに<p> < /p>を書き込みます。

4。<、＆、]]>または2つの連続した水平バーがスタイルとスクリプトのコンテンツに表示される場合、外部ファイルを使用してそれらを紹介してください。

5.要素属性値のラインまたは複数のスペースを壊さないでください。

6.ドキュメントのヘッド部分に複数のiSINDEX要素を含めないでください（できれば使用しないことができます）。この要素は推奨されません。

isindex：ユーザーに単一のテキストを入力するように促すダイアログボックスをブラウザに表示します。

HTML 4では、この要素は非推奨であり、入力要素が推奨されます。 ISINDEXのtagnameプロパティは入力を返します。

この要素はブロック要素であり、この要素はタグを閉じる必要があります。

次の例では、ISINDEX要素を使用してデフォルトのプロンプトを置き換えます。

<isindexプロンプト=検索にインデックスキーワードを入力/

7.要素に言語を指定する場合は、LangとXML：Lang属性を使用してください。XMLの値：Langの優先度が高くなります。

8。ID属性を要素識別子として使用してください。名前属性を使用しないでください。特にこれらの要素では、名前属性を識別子として使用することを不承認にします：A、アプレット、フォーム、フレーム、IFrame、IMG、マップ。

9.ページのドキュメント文字セットを定義し、XMLドキュメントの文字セットを定義します。

<？xmlバージョン= 1.0エンコード= utf-8？>

XHTMLの文字セットを定義します

<メタhttp-equiv = content-type content = text/html; charset = utf-8 />

10。次のようなブールタイプ要素属性値に属性名を使用してください。チェック= checked。ブール型の要素には、コンパクト、ノウラッ​​プ、ISMAP、宣言、ノスシャード、チェック、無効、readonly、multher、selected、noresize、deferが含まれます

11.HTML4およびXMLドキュメントオブジェクトモデルは、HTML要素と属性名が大文字形式を返すことを指定します。 XHTMLの要素と属性名は小文字形式に戻ります。

12。使用＆amp;次のようなプロパティ値の＆記号を置き換えるには：

http://www.w3cgroup.com/default.asp?cateid=2&amp;ページ= 2

以下よりも優れています：

http://www.w3cgroup.com/default.asp?cateid=2&page=2

13。XHTMLでは、CSSスタイルのタグスタイルと属性名は小文字でなければなりません。

HTMLテーブルでは、Tbodyは解析中に自動的に満たされますが、XMLでは自動的に入力されます。したがって、CSSセレクターで使用する場合は、自分でTbody要素を追加する必要があります。

CSSがID属性を持つ要素を選択した場合、＃selectorを使用します。

CSSがクラス属性を持つ要素を選択したら、を使用します。セレクタ;

14. XMLドキュメントを解析するときにスタイル要素を使用する方法は？ HTML4およびXHTMLでは、スタイル要素を使用して、ドキュメント内のスタイルルールを定義できます。 XMLでは、XML StyleSheetを使用してスタイルルールを定義します。このルールと互換性を持つために、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

public - // w3c // dtd xhtml 1.0 strict // en

http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>

<html xmlns = http：//www.w3.org/1999/xhtml xml：lang = en lang = en>

<head>

<title>内部スタイルシートの例</title>

<style type = text/css id = internalStyle>

コード{

色：緑;

フォントファミリー：モノスペース。

font-weight：bold;

}

</style>

</head>

<body>

<p>

W3CGroupは、互換性のあるXHTMLとHTMLの16のガイドラインを導入しています！

<Code> http://www.w3cgroup.com/article.asp?id=252 </code>。

</p>

</body>

</html>

15. HTMLおよびXMLのWhitespace文字に注意してください。 HTMLドキュメントで合法的な文字の一部は、XMLで違法である可能性があります。たとえば、HTMLでは、ページフィード文字（FormFeed文字U+000C）がスペースに解析されますが、XHTMLでは、XMLの文字定義により違法になります。

16特殊文字とアポスに注意してください。 （Ellipsis、U+0027）はXML1.0で導入されていますが、HTMLには表示されません。 「交換＆apos;」を使用する場合「交換＆apos;」を使用するにはそれを使用してHTML4で使用します。

http://www.w3cgroup.comで翻訳して、再版時にソースを示してください！

参照：http：//www.w3.org/tr/xhtml1/#guidelines

関連記事