はじめに
スタイルシートという言葉を聞くと、おそらくCSSスタイルシートを思い浮かべるでしょう。 XSLT スタイルシートは、Web サービス間のデータのマッピングなどの XML 変換によく使用されます。 XSLT はこの目的に適しているため、最上位要素 のエイリアスが作成されましたが、これはほとんど使用されません。この XSLT 変換の入力構造は、出力構造とは大きく異なります。最も重要なのは、名前空間が異なることです。
XSLT スタイルシートの入力構造は出力構造と似ていますが、より単純です。一部のタグは拡張されていますが、ほとんどはそのまま出力にコピーされます。入力名前空間と出力名前空間は同じです (HTML)。入力ドキュメントには、別の名前空間に属し、出力には渡されないスタイルシート ディレクティブ (脚注の作成など) を含めることもできます。
一般的な略語
CSS: カスケード スタイル シート XHTML: 拡張可能なハイパーテキスト マークアップ言語 XPath: XML パス言語例では、ディレクティブの使用方法、他のソース ドキュメントの一部を参照する方法、リンクを使用してメイン ドキュメント内を移動する方法を示します。さらに、ページの解釈と編集の違いについても調査します。
CSS スタイルシートの制限事項
XSLT スタイルシートは、JavaScript や CSS などの他のテクノロジーの使用を妨げるものではありません。 CSS は、フォント、太字、色、間隔などを操作します。脚注、モジュール、目次の生成など、異なる場所からの情報を結合するのには適していません。ここで XSLT が登場し、CSS を置き換えるのではなく補完します。
XSLT の使用例
実際には、XSLT コードを 1 つのファイルに集中させることができます。わかりやすくするために、この記事の各例は、一部の必要なコードを除き、個別の XSLT ファイルにあります。リスト 1 に必要なコードを示します。
リスト 1. 必要なコード (samples/common.xml にあります)
| < s:stylesheet xmlns = " http://www.w 3.org/19 99 /xhtml" xmlns:h = " http://www.w3.org/1999/xhtml" xmlns:a = " http://sourceforge.net/projects/arbalo/" xmlns:s = " http://www.w3.org/1999/XSL/Transform" exclude-result-prefixes = "a h" http-equiv = "コンテンツタイプ" content = "text/html ; charset = utf-8 " /> タイプ=" text /css " /&gt; < s:コピー > < s:copy-of select = "@*" />
s:copy > s:template > s:stylesheet > |
XHTML 名前空間は、デフォルトの定義と h: の 2 回定義されています。デフォルトの名前空間は、出力 XHTML マークアップの書き込みに使用されます。名前空間プレフィックスは避けてください。 h: XPath 式で使用されます。
この記事ではXSLTバージョン1.0を使用しています。現在、ほとんどのブラウザは XSLT 2.0 を解釈できません。ただし、XSLT がサーバー上で実行されている場合は、これが実用的なオプションになる可能性があります。 XSLT 2.0 では、
セクションも提供され、CSS スタイル シートへのリンクが追加されました。 XML のデフォルトのエンコーディングは UTF-8 ですが、一部のブラウザーではそれを表示するためにコンテンツ タイプが必要です。 s:template match="*" はデフォルトの詳細コピーです。原則として、すべてがターゲットドキュメントにコピーされます。このテンプレートを省略すると、マークされたテキスト コンテンツのみがターゲット ドキュメントにコピーされます。処理命令ノードはコピーされません。
この記事の他のすべての例は、common.xsl をインポートするスタンドアロン ファイルです。
Extension
拡張機能により、ソースドキュメントで明示的に要求されていない機能が追加されます。例としては、リスト 1 の CSS スタイルシートへのリンクがあります。別の例を試して、各内部リンクに小さな矢印 (^ v) を追加して、ターゲットがその前にあるのか後ろにあるのかを示します。リスト 2 にスタイル シートを示します。
リスト 2. スタイルシート (samples/linkUpDown.xsl 内)
| < s:stylesheet xmlns = " http://www.w3.org/19 99/xhtml" xmlns:h = " http://www.w3.org/1999/xhtml" xmlns:s = " http://www.w3.org/1999/XSL/Transform" バージョン = "1.0 「 < )" /> < s:text >/ s:text > :text >v s:text > apply-templates / > : s:template > まず、リスト 2 の共通スタイルシートをインポートします。テンプレートは内部リンク (「#」で始まる) と一致します。リンクがそのリンクの前にあるアンカーを指している場合は、上矢印 (逆の場合は下矢印) でリンクを展開します。 s:copy-of と s:apply-templates は、途中で何もドロップされないことを保証します。 リスト 3 は、リスト 2 のスタイルシートで拡張されたサンプルドキュメント (内部リンクを含む) を示しています。 gurese
ソースドキュメント(samples/linkupdown.xml) ; & gt; このリンクは & lt;/ a & gt; に移動します。 br/ & gt; & lt; p >リンクが実際に機能することを確認します。 a >
リスト 4 のエントリを除いて、ターゲットのドキュメントは同じに見えます。 | リスト 4. ターゲット ドキュメント (samples/linkUpDown.html 内)
… < a href = "#b" >v lowers. a > … … < a href = "#a" >^ 上向き。 a > … ディレクティブ ソースドキュメントにいくつかのディレクティブを追加して、スタイルシートに何を行うかを指示できます。これらは別の名前空間 (この場合は接頭辞 a:) に属しており、ターゲット ドキュメントにはコピーされません。 リスト 5 では、ソース文書内の任意の場所にあるディレクティブ タグ a:ref によって脚注が作成されます。 リスト 5. スタイルシート (samples/footnote.xsl 内)
|
< s:stylesheet xmlns = " http://www.w 3.org/199 9/xhtml " xmlns:a = " http://sourceforge.net/projects/arbalo/" xmlns:h = " http://www.w3.org/1999/xhtml" xmlns:s = " http ://www.w3.org/1999/XSL/Transform" バージョン = "1.0" " h:body" > a:references ディレクティブがない場合 --> < ; gt; < s :template match = "a:ref" > < s:variable name = "number" select = "count(preceding::a:ref) + 1" /> name = "ref-{$number}" > a > < a class = "footnote" href = "#reference-{ $number}" > < s:value-of select = "concat('v ',$number)" /> 最後にボディの --> "//a:ref" > ;
a >
p > s:for-each > s:template > s:stylesheet > | ソース文書で a:references ディレクティブを使用すると、references という名前のテンプレートが、テンプレートがそのディレクティブと一致する箇所に脚注を割り当てます。このようなディレクティブが欠落している場合、本文に一致する最初のテンプレートは、references という名前の同じテンプレートを呼び出すことによって、本文の最後にフッターを割り当てます。どちらの場合も、脚注の内容がリストされ、上向き矢印で表される上向きリンクが生成されます。 2 番目のテンプレート (a:ref に一致) は、下矢印を使用して脚注へのリンクを作成します。脚注には番号が付けられています。その内容はここでは無視されます。 class="footnote" 属性は、XSLT スタイルシート common.xsl にリンクされている CSS スタイルシートによって XSLT 変換後に解析されます。 リスト 6 のソース文書では、a:ref ディレクティブを使用して脚注を作成しています。リスト 6. ソース文書 (SAMPLES/FOOTNOTE.XML 内)
& & & LT ;? XML スタイルシート Href = "Text/XSL"
< html xmlns = " http://www.w3.org/1999/xhtml" | xmlns:a = " http://sourceforge.net/projects/arbalo/" <ラテン語から ; リスト 7 に示すように、ターゲット文書の下部には脚注のリストが含まれています。 gristingリスト7.ターゲットドキュメント(samples/footnote.html) xmlns:h = " http://www.w3.org/1999/xhtml" xmlns:a = " http://sourceforge.net/projects/arbalo/" > < link type = "text/css" rel = "stylesheet" href = "common.css" /> head > <科学的な名前 = "ref-2" />> < p > >scientia
= "脚注" >2 a > ;ギリシャのアカデミアから p > < p < / a > | <脚注 em > を使用します。
ソースドキュメントの境界を突破する 他のソースドキュメントの一部を引用することもできます。 a:include ディレクティブは、別のソース文書に属する可能性のある要素を取得し、それを変換します (リスト 8 を参照)。 リスト 8. スタイルシート (samples/include.xsl 内)
|
< s:stylesheet xmlns = " http://www.w 3.org/19 99/xhtml " xmlns:a = " http://sourceforge.net/projects/arbalo/" xmlns:s = " http://www.w3.org/1999/XSL/Transform" バージョン = " 1.0 「 when test = "0!=string-length(@src)" > " /> < s: apply-templates select = "document(//a:default[1]/@src) )//*[@id = current()/@refid] "/&gt; select =" //*[@id = current()/@refid] "/&gt; s:スタイルシート > ソース文書内の a:include ディレクティブは、ソース要素の ID を参照します。この要素を含むドキュメントには、src 属性で名前を付けることができます。この属性が欠落している場合は、a:default ディレクティブの src 属性が使用されます。 src 属性がどこにもない場合は、同じソースドキュメントが使用されます。したがって、refid は無限再帰を避けるために id を参照します。 インポートされた要素は複雑な型を持ち、(apply-templates) をインクルードした後に変換される可能性があります。リスト 9、リスト 10、およびリスト 11 に例を示します。 9. ソースドキュメント (Samples/Include.xml 内) & & & & LT ;? XML-Stylesheet Href = "Include.xsl" Type = "Text/XSL" < html xmlns = " http://www.w3.org/1999/xhtml" | xmlns:a = " http://sourceforge.net/projects/arbalo/" > > ;次のテキストが含まれます:< ;/ p >
「 i」 >double p &g &g | | | | | |