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> 要素の動作を定義します:

<html>
<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」の要素の動作を定義します:

<html>
<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 「例」ボタンをクリックしてオンライン例を表示します