XML を HTML で表示する
この記事では、XML コードをそのまま HTML ページに表示する方法を紹介します。
拡張マークアップ言語 (XML) の概要
HTML のようなマークアップ言語ですが、組み込みのタグはありません。 代わりに、タグはユーザーの要件に従ってユーザーによって作成されます。
これは、後ですばやくアクセスし、検索し、さまざまなエンドポイント間で共有できる構造的な方法でデータを保存する効率的な方法です。
最も重要なことは、XML 構文が標準化されているため、プラットフォームやシステム間で直接または Web 経由で XML を共有または送信し始めても、受信者は引き続きデータを解析できることです。
HTMLとの違い
どちらもタグとともに使用されるため、HTML と多少同じですが、XML には事前定義されたタグがないという違いがあります。 代わりに、すべてのタグはユーザーのニーズと要件に従って作成されます。
これらのタグには、あるタグから別のタグに転送されるデータの適切な形式があります。 さらに、HTML は Web ページの外観に重点を置き、それを強化しますが、XML は誰かに送信される単なる情報またはデータです。
XML コードを HTML で表示する
XML はタグでも機能するため、HTML タグの操作で XML タグも操作するため、XML コードをそのまま HTML ページに表示するのは困難です。
したがって、HTML ページに XML コードを表示する必要がある場合は、<xmp> タグで囲むか、<textarea> に記述します。
どちらの場合も、HTML ページのレンダリング中に XML タグは操作されませんが、コード全体が表示されます。
<xmp> タグを使用して HTML ページに XML コードを表示する
コード例:
<h1> Example to display XML code in HTML </h1>
<xmp>
<?xml version="1.0" encoding="ISO-8859-1"?>
<article>
<data>
<title>Test HTML page</title>
<author>NSS</author>
<country>Pakistan</country>
<year>2022</year>
</data>
</article>
</xmp>
上記の HTML コードは <xmp> タグを使用し、このタグで XML データを囲みます。 XML データにはいくつかのデータが含まれています。 XML の各タグは、その中に保持されているデータの名前です。
さて、<xmp> の効果は、この XML コードが解釈されずにそのまま表示されることです。 この 2つの違いを示すために、コード内で HTML タグも使用していることに注意してください。
しかし問題は、HTML 3.2 以降、<xmp> タグが非推奨になっていることです。 したがって、これを現在の HTML バージョンで直接使用することはお勧めできません。
<textarea> タグを使用して HTML ページに XML コードを表示する
XML コードを表示するもう 1つの方法は、<textarea> で囲むことです。 <textarea> もこのように機能します。 操作せずにそのままのテキストを表示します。
行数と列数を指定して、<textarea> のサイズを設定できます。 以下の例を見てください。<textarea> を使用して、事前にフォーマットされたスタイルで XML を画面に表示しています。
コード例:
<h1> Example to display XML code in HTML </h1>
<textarea cols="35" rows="20" style="border:none;">
<?xml version="1.0" encoding="ISO-8859-1"?>
<article>
<data>
<title>Test HTML page</title>
<author>NSS</author>
<country>Pakistan</country>
<year>2022</year>
</data>
</article>
</textarea>
border: none を適用して、textarea ボックスを非表示にし、表示しないようにしました。 その出力を見てみましょう。
したがって、HTML ページでタグをレンダリングせずに XML コードをそのまま表示する必要がある場合は、これら 2つの方法のいずれかを使用できると言えます。