Cazperのつれづれ日記: XMLデータをXSLTとCSSのスタイルシートで表示する

« マネジャーに贈る十章 | メイン | 【桜の季節】春の息吹 »

2007年3月31日

panda01.gif XMLデータをXSLTとCSSのスタイルシートで表示する

XMLで記述されたデータをブラウザに表示するには、HTML形式に変換する必要があるのですが、その方法の一つとしてXMLをXSLTでHTML形式にまず変換し、その後CSS(カスケーディング・スタイル・シート)で表現する方法があります。

その表現法の1例を紹介しておきます。下記はXML→XHTML1.1に変換するXSLTファイルです。変換したXHTMLがCSSファイル(default.css)を読み込んでいます。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output
  method="html"
  encoding="UTF-8"
  doctype-public="-//W3C//DTD XHTML 1.1//EN"
  media-type="text/html"
  doctype-system="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" />

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
  <head>
   <title>Sample</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <link rel="prev" href="about.html" />
   <link rel="next" href="struct.html" />
   <link rel="stylesheet" type="text/css" href="default.css"/>
   <style type="text/css">
   </style>
  </head>
  <body>
   <div id="container">
    テストです
   </div>
  </body>
 </html>
</xsl:template>

■参考図書
詳解HTML & XHTML & CSS辞典第3版

■参考URL
XSLT:http://www.atmarkit.co.jp/fxml/rensai/rexml01/rexml01.html
   :http://www.techscore.com/tech/XML/XSLT/xslt07.html
   :http://www6.airnet.ne.jp/manyo/xml/xslt/step22.html
   :http://www.res-system.com/weblog/item/319/catid/53
   :http://www.utj.co.jp/xml/book/info/1vol_p216.html
XHTML:http://www.kanzaki.com/docs/html/xhtml1.html

投稿者 cazper : 2007年3月31日 18:31 | b_entry.gif
     

トラックバック

このエントリーのトラックバックURL:
http://www.cazoo.jp/cgi/mt/mt-tb.cgi/1658

コメント