XML に関する考慮事項
XML を操作するときに避けるべき手法のリストを次に示します。
Internet Explorer - XML データアイランド
それは何ですか? XML データ アイランドは、HTML ページに埋め込まれた XML データです。
なぜそれを避けるべきですか? XML データ アイランドは Internet Explorer ブラウザーでのみ動作します。
何に置き換えますか? XML を解析して表示するには、HTML で JavaScript と XML DOM を使用する必要があります。
JavaScript と XML DOM の詳細については、XML DOM チュートリアルをご覧ください。
XML データアイランドの例
この例では、XML ドキュメント「cd_catalog.xml」を使用します。
XML ドキュメントを HTML ドキュメントの <xml> タグにバインドします。 id 属性はデータ アイランドの識別子を定義し、src 属性は XML ファイルを指します:
インスタンス
<html> <body> <xml id="cdcat" src="cd_catalog.xml"></xml> <table border="1" datasrc="#cdcat"> <tr> <td><span datafld="ARTIST"></span></td> <td><span datafld="TITLE"></span></td> </tr> </table> </body> </html>
インスタンスの実行»
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします
<table> タグ datasrc 属性は、HTML テーブルを XML データ アイランドにバインドします。
<span> タグを使用すると、datafld 属性で表示される XML 要素を参照できます。この例では、参照は「ARTIST」と「TITLE」です。 XML が読み取られると、各 <CD> 要素に対応するテーブル行が作成されます。
Internet Explorer - 動作
それは何ですか? Internet Explorer 5 では動作が導入されました。ビヘイビアーは、CSS スタイルを使用して XML (または HTML) 要素にビヘイビアーを追加する方法です。
なぜそれを避けるべきですか? Internet Explorer のみが動作属性をサポートします。
代わりに何を使う? 代わりに JavaScript と XML DOM (または HTML DOM) を使用してください。
例 1 - マウスオーバーのハイライト
以下の HTML ファイルの <style> 要素は、<h1> 要素の動作を定義します:
<head>
<style type =" text/css">
h1 { Behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>マウスオーバーしてください!!!< ;/ h1>
</body>
</html>
以下は、XML ドキュメント「behave.htc」を示しています (ファイルには、要素の JavaScript とイベント ハンドラーが含まれています):
例
<html> <head> <style type="text/css"> h1 { behavior: url(behave.htc) } </style> </head> <body> <h1>Mouse over me!!!</h1> </body> </html>
インスタンスの実行»
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
例 2 - タイプライター シミュレーション
次の HTML ファイルの <style> 要素は、ID が「typing」の要素の動作を定義します:
<head>
<style type= "text/css">
#typing
{
behavior:url(typing.htc);
font-family:'courier new';
}
</style>
</head>
<body> ;
<span id="typing"speed="100">IE5 では DHTML ビヘイビアーが導入されました。
ビヘイビアは、CSS を使用して HTML 要素に DHTML 機能を追加する方法です
。<br />< br />ビヘイビアーはどのように機能しますか?<br />
XML を使用すると、ビヘイビアーを Web ページ内の任意の要素にリンクできます
、その要素を操作できます。</p>v 「例」ボタンをクリックしてオンライン例を表示します