<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><?xml-stylesheet type="text/xsl" href="tex.xsl"><html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>TeX風XMLサンプル</title>
<link rel="stylesheet" type="text/css" href="tex.css">
</head>
<body>
<h1>TeX風XMLサンプル</h1>
<div class="authors"><a href="mailto:lamoo@s53.xrea.com">LaLa Moo-Moo</a>, 共同研究者</div>
<div class="abstruct"><span class="abstruct">Abstruct: </span>
		This document describes how to use 'tex.xsl'.
	</div>
<div class="keywords"><span class="keywords">Key Words: </span>XML, XSLT, TeX</div>
<h2>目次</h2>
<div class="index">
<ul>
<li><a href="#IDAGBMP">1.はじめに</a></li>
<ul>
<li><a href="#IDAJBMP">1.1.概要</a></li>
<li><a href="#IDAXBMP">1.2.動作確認</a></li>
</ul>
<li><a href="#IDAICMP">2.機能</a></li>
<ul>
<li><a href="#IDALCMP">2.1.論文作成機能</a></li>
<ul>
<li><a href="#IDAOCMP">2.1.1.章立て</a></li>
<li><a href="#IDAWCMP">2.1.2.引用</a></li>
<li><a href="#IDAGDMP">2.1.3.図表</a></li>
</ul>
<li><a href="#IDA2DMP">2.2.おまけのHTML拡張</a></li>
<ul>
<li><a href="#IDA5DMP">2.2.1.拡張アンカータグ</a></li>
</ul>
</ul>
<li><a href="#IDASEMP">3.使用命令</a></li>
<ul>
<li><a href="#IDAVEMP">3.1.xsl:number</a></li>
<li><a href="#IDAZEMP">3.2.xsl:apply-template / call-template</a></li>
<li><a href="#IDA3EMP">3.3.generate-id()</a></li>
</ul>
<li><a href="#IDAEFMP">4.おわりに</a></li>
<li><a href="#IDAKFMP">参考文献</a></li>
</ul>
</div>
<h2 id="IDAGBMP"><a href="#IDAGBMP">1.はじめに</a></h2>
<div class="chapter">

		<h3 id="IDAJBMP"><a href="#IDAJBMP">1.1.概要</a></h3>
<div class="section">
			偽TeXっぽさは、ソースをご覧ください。
			これにCSSを組み合わせればそれなりだと思います。
			<ul>
				<li>XSLT:<a href="tex.xsl">tex.xsl</a></li>
				<li>CSS:<a href="tex.css">tex.css</a></li>
			</ul>
		</div>

		<h3 id="IDAXBMP"><a href="#IDAXBMP">1.2.動作確認</a></h3>
<div class="section">
			<ul>
				<li>IE6では完全動作します。ただし、MSXML3.0が必要なので、5.x以前では動作しません。</li>
				<li>Netscape7.0では <code>A.B.C.</code> のドットが表示されません。
					（Mozillaのxsl:numberの実装ミスか、IEが独自に拡張しているのか？）
					また、デフォルトだと気持ち悪いフォントが使われるので、Unicodeに対するフォントを設定することをお勧めします。</li>
				<li>Opera6.0はXSLTに対応してないようです。テキストノードだけが表示されてしまいます。</li>
			</ul>
		</div>

	</div>
<h2 id="IDAICMP"><a href="#IDAICMP">2.機能</a></h2>
<div class="chapter">

		<h3 id="IDALCMP"><a href="#IDALCMP">2.1.論文作成機能</a></h3>
<div class="section">
			<h4 id="IDAOCMP"><a href="#IDAOCMP">2.1.1.章立て</a></h4>
<div class="subsection">
				<p>
					chapter/ section/subsection を使用できます。
					これ以上深い章立てはすべきではないと考え、あえてこれ以上は実装していません。
					それぞれが使用するHTMLタグは、h2, div.chapter / h3, div.section / h4, div.subsection です。
					また、chapter/section/subsection の title属性を抽出し、自動的に目次を作成します。
					目次は、div.index を使用します。
				</p>
				<p>
					このサンプルで使用しているスタイルシートは、表示状態を確認するためにそれぞれの背景色を変えています。
				</p>
			</div>

			<h4 id="IDAWCMP"><a href="#IDAWCMP">2.1.2.引用</a></h4>
<div class="subsection">
				<p>
					<code>&lt;cite id="文献ID"/&gt;</code> により、引用文献へのリンクが挿入されます。
					引用文献は、//bibliography/itemで指定します。
					（例：ほげほげ<a href="#IDALFMP">[1]</a>、ふにふに<a href="#IDAVFMP">[2]</a>）
					出現順番による自動並び替えができてません（もともとTeXにもありませんが）。
					また、存在しないidを指定した場合にはエラーを表示します。
					<!-- <cite id="aaa"/> -->
				</p>
			</div>

			<h4 id="IDAGDMP"><a href="#IDAGDMP">2.1.3.図表</a></h4>
<div class="subsection">
				<table class="figure" id="IDAJDMP">
<tr><td>
<center><img src="ouka.gif" alt="サンプルの図"></center>
</td></tr>
<tr><td>
			図
				2.1.3.a<br>
					キャプションの文章。
				</td></tr>
</table>
				<p>
					<code>&lt;figure id="図表ID" src="URL" title="タイトル"&gt; キャプション文章  &lt;/figure&gt;</code> により、図表が挿入されます。
						<code>&lt;ref id="文献ID"/&gt;</code> による参照も可能です（<a href="#IDAJDMP">図
					2.1.3.a</a>）。<br>
					表示方法については暫定。とりあえずtableをfloatで浮かせてます。
					citeと同じく、存在しないidを指定した場合にはエラーを表示します。
				</p>
			</div>

		</div>

		<h3 id="IDA2DMP"><a href="#IDA2DMP">2.2.おまけのHTML拡張</a></h3>
<div class="section">
			<h4 id="IDA5DMP"><a href="#IDA5DMP">2.2.1.拡張アンカータグ</a></h4>
<div class="subsection">
				<p>
					普通にアンカー。
					<a href="http://user.ecc.u-tokyo.ac.jp/~rr26303/">The Laughing Kettle</a>
				</p>
				<p>
					内容を省略した場合、URL自体を表示します。
					<a href="http://user.ecc.u-tokyo.ac.jp/~rr26303/">http://user.ecc.u-tokyo.ac.jp/~rr26303/</a>
				</p>
			</div>
		</div>

	</div>
<h2 id="IDASEMP"><a href="#IDASEMP">3.使用命令</a></h2>
<div class="chapter">
		<h3 id="IDAVEMP"><a href="#IDAVEMP">3.1.xsl:number</a></h3>
<div class="section">
			level, from, format属性を使用。
		</div>
		<h3 id="IDAZEMP"><a href="#IDAZEMP">3.2.xsl:apply-template / call-template</a></h3>
<div class="section">
			mode属性を使用。
		</div>
		<h3 id="IDA3EMP"><a href="#IDA3EMP">3.3.generate-id()</a></h3>
<div class="section">
			自動的なID付けとハイパーリンク。
			セクション名をそのまま使っても良いだけど、
			属性に使えない文字や同名のものがあるかもしれないので。
		</div>
	</div>
<h2 id="IDAEFMP"><a href="#IDAEFMP">4.おわりに</a></h2>
<div class="chapter">
		HTMLとしてブラウザで見られるのが最大のメリットです。
		ただ、論文で一般的に使用される段組が使えません。
		XSL:FOが実装されるまで、印刷にも不向きです。
		完成したら、MS-Wordで読み込んで印刷用の体裁を整えるのがベストでしょうか。
	</div>
<h2 id="IDAKFMP"><a href="#IDAKFMP">参考文献</a></h2>
<div class="bibliography">
<ul>
<li id="IDALFMP">[1]ほげほげの著者:
		“ほげほげ”,
		ほげな学会誌, 2002.
	</li>
<li id="IDAVFMP">[2]ふにふにの著者:
		“ふにふに”,
		ふにな予稿集, 2002.
	</li>
</ul>
</div>
</body>
</html>
