最新のWeb開発のチュートリアル
 

表示XML


生のXMLファイルには、すべての主要なブラウザで表示することができます。

XMLファイルはHTMLページとして表示されることを期待しないでください。


XMLのファイルの表示

RGB(95、95、95)固体; マージン底:?15ピクセル; "クラス=" notranslate "?> <xmlのバージョン=" 1.0 "エンコード=" UTF-8 ">
- < メモ >
< > トーベ </ >
</ から > ヤニ < から >
< 見出し > 注意 </ 見出し >
< 身体 > 私はこの週末を忘れないでください! </ body>
</ ノート >

お使いのブラウザで上記のXMLファイルを見てください: note.xml

ほとんどのブラウザは、色分けされた要素を持つXML文書が表示されます。

多くの場合、プラス(+)またはマイナス記号(-)の要素の左側には、素子構造を展開したり折りたたんだりするためにクリックすることができます。

生のXMLソースを表示するには、選択しようとする"View Page Source"または"View Source"ブラウザのメニューから。

Note: Safariの5に(and earlier) 、唯一の要素のテキストが表示されます。 生のXMLを表示するには、右ページをクリックして選択しなければなりません"View Source"


無効なXMLファイルの表示

誤ったXMLファイルが開いている場合、一部のブラウザがエラーを報告し、いくつかは、それを表示したり、誤って表示されます。

RGB(95、95、95)固体; マージン底:?15ピクセル; "クラス=" notranslate "?> <xmlのバージョン=" 1.0 "エンコード=" UTF-8 ">
- < メモ >
< > トーベ </ >
ヤニ < から > </ Ffrom>
< 見出し > 注意 </ 見出し >
< 身体 > 私はこの週末を忘れないでください! </ body>
</ ノート >

次のXMLファイルを開こう: note_error.xmlを


他のXMLの例

いくつかのXML文書を表示すると、XML感を得るのを助けます:

XMLの朝食メニュー
これは、XMLとして保存されたレストランからの朝食のフードメニュー、です。

XMLのCDカタログ
これは、XMLとして保存されているCDコレクション、です。

XMLプラントカタログ
これは、XMLとして保存されている植物の店からの植物のカタログです。

×

ヘッダ


なぜXMLは、このような表示していますか?

XML文書は、データを表示する方法についての情報を持っていません。

XMLタグがされているので"invented" XML文書の作成者によってタグ場合のように、ブラウザにはわからない<table> HTMLのテーブルやダイニングテーブルについて説明します。

そのままデータを表示する方法についての情報がなければ、ブラウザは、単にXML文書を表示することができます。


CSSでのXMLファイルの表示?

以下は、XMLドキュメントの書式を設定するためにCSSを使用する方法の例です。

私たちは、のようなXMLファイルを使用することができますcd_catalog.xmlなどスタイルシートcd_catalog.cssを

結果: CSSファイルでフォーマットされたCDカタログ

以下のXMLファイルの分率です。 2行目は、CSSファイルへのXMLファイルをリンクします。

<?xml version="1.0" encoding="UTF-8 " ?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
  <CD>
    <TITLE>Empire Burlesque</TITLE>
    <ARTIST>Bob Dylan</ARTIST>
    <COUNTRY>USA</COUNTRY>
    <COMPANY>Columbia</COMPANY>
    <PRICE>10.90</PRICE>
    <YEAR>1985</YEAR>
  </CD>
  <CD>
    <TITLE>Hide your heart</TITLE>
    <ARTIST>Bonnie Tyler</ARTIST>
    <COUNTRY>UK</COUNTRY>
    <COMPANY>CBS Records</COMPANY>
    <PRICE>9.90</PRICE>
    <YEAR>1988</YEAR>
  </CD>
.
.
.
</CATALOG>

CSSを使用したXMLをフォーマットすることはお勧めしません。 代わりにJavaScriptやXSLTを使用してください。