XHTML ドキュメントで JavaScript と CSS を正しく使用する方法_HTML/Xhtml_Web ページの制作

ますます多くの Web サイトで、HTML4 に代わって XHTML が急速に使用されていますが、一部の主流ブラウザは現在 XHTML を十分にサポートしていません。また、Web ページ作成者の中には、XHTML と HTML4 の違いがよくわかっていない人もいます。違いの理解が不十分であると、Web 開発における XHTML の進歩が遅くなります。


XHTML は HTML ではなく XML です

現在、XHTML に関する主な誤解の 1 つは、XHTML が HTML の別のバージョンであるということです。この誤解は、Microsoft Internet Explorer が推奨される application/xhtml xml 形式ではなく、MIME 形式 text/html の XHTML のみをサポートしているという事実によって引き起こされます。

XHTML ページが text/html の MIME 形式で解析される場合は、HTML ページと何ら変わりません。また、text/xml または application/xhtml xml の MIME 形式で解析される場合は、HTML ページと何ら変わりません。厳密な XML の書き込みおよび表示ルールに準拠します。

正しい XHTML 形式は XML プログラムであり、記述する際には次の厳密な規則に従う必要があります:

1. 文字 )

2. コメントタグ () のコンテンツには、2 つの連続したダッシュ (--) を含めることはできません。

3.タグ内 () は無視されます


スタイルとスクリプトの内容に問題があります

スタイルとスクリプトのタグ内の内容 いくつかありますXHTML が (HTML 形式ではなく) XML 形式で解析される場合の違い。

JavaScript には XHTML に存在できない文字が含まれています

JavaScript の一部の特殊文字は、XHTML の CDATA タグの外には存在できない文字です。



注: 上記のコード例は、XHTML では許可されていないタグ " を使用しているため、整形式の XHTML ではありません。 XML "

スタイルおよびスクリプトのコンテンツでコメントを使用する


HTML に精通している作成者は通常、スタイル タグとスクリプト タグのコンテンツをコメント タグ内に配置することを知っています。これらはブラウザーで非表示になりますが、一部のブラウザーはそれらを理解できません。
)



スタイルと JavaScript には 2 つの連続したダッシュ (--)


XHTML ページ上の JavaScript でコメント タグを使用するときに発生するもう 1 つの問題は、JavaScript が2 つの連続したダッシュ (--):




コメントの代わりに CDATA を使用します

は、コンテンツをスクリプトに挿入しますタグを CDATA ブロックに組み込むと、コメント内の 2 つの連続する水平バーの問題をうまく処理できますが、これにより、一部の古いバージョンのブラウザーは XML を理解できないため、この問題をサポートできなくなります。幸いなことに、JavaScript でコメント文字を使用して CDATA ブロックをコメントすることで互換性を実現できます。



推奨される xhtml および html 互換処理方法 XHTML ページにスタイルやスクリプトを直接記述しないでください。代わりに、外部ファイルを使用して CSS と JavaScript を記述し、それらを XHTML にインポートすることもできます。 この推奨ソリューションは非常に優れています。少なくとも今後数年間は、ページを text/html から application/xhtml XML に変換するプロセスが問題なく実行されます。