xmlにデザインする方法(XSLT,CSS)
●XSLTの場合
-----------------------
○test.xml
-----------------------
<?xml version="1.0" encoding="Shift_JIS" ?>
<?xml-stylesheet href="xmlview.xsl" type="text/xsl" ?>
<article>
<title>XSLTの場合</title>
<strbody>XMLにXSLTを使ってデザインする場合</strbody>
</article>
-----------------------
○xmlview.xsl
-----------------------
<?xml version="1.0" encoding="shift_jis" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >
<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="article">
<html><xsl:apply-templates/></html>
</xsl:template>
<xsl:template match="title">
<h1><xsl:value-of select="."/></h1>
</xsl:template>
<xsl:template match="strbody" >
<p><xsl:value-of select="."/></p>
</xsl:template>
</xsl:stylesheet>
●CSSの場合
-----------------------
○test.xml
-----------------------
<?xml version="1.0" encoding="Shift_JIS" ?>
<?xml-stylesheet type="text/css" href="xml.css"?>
<article>
<title>xml-stylesheetの場合</title>
<strbody>XMLにCSSでデザインする場合</strbody>
</article>
-----------------------
○xml.css
-----------------------
article, title, strbody {
display: block;
}
article {
margin: 0;
}
title {
font-size: 18pt;
}
strbody {
font-size: 12pt;
}