要素は HTML テーブル、家具、またはその他のものを意味します。ブラウザーはそれを表示する方法を知りません。 XSL は XML ドキュメントを表示する方法を
説明することができます! XSL - 単なるスタイルシート言語ではありません
XSL は 3 つの部分で構成されています:
XSLT
XML ドキュメントを変換するための言語。
XSLT は、XML ドキュメントを XHTML ドキュメントまたは他の XML ドキュメントに変換するために使用される言語です。
XPath は、XML ドキュメント内を移動するための言語です。
学習する前に知っておく必要がある基本的な知識:
学習を続ける前に、次の知識の基本を理解しておく必要があります:
HTML / XHTML
XML / XML 名前空間
XSLT は XSL 変換を指します。
XSLT は XSL の最も重要な部分です。
XSLTはXSLの最も重要な部分です。
XSLT は、1 つの XML ドキュメントを別の XML ドキュメント、または HTML や XHTML などのブラウザで認識できる他の種類のドキュメントに変換するために使用されます。通常、XSLT は、各 XML 要素を (X)HTML 要素に変換することによってこれを行います。
XSLT を使用すると、出力ファイルに要素や属性を追加したり、出力ファイルから要素や属性を削除したりできます。また、要素を再配置したり、テストを実行して、どの要素を非表示にするか表示するかを決定したりすることもできます。
変換プロセスを記述する一般的な方法は、
XSLT が XML ソース ツリーを XML 結果ツリー に変換するというものです。
XSLTはXPathを使用します
XSLTはXPathを使用してXMLドキュメント内の情報を検索します。 XPath は、要素と属性を通じて XML ドキュメント内を移動するために使用されます。
まず XPath について学びたい場合は、こちらにアクセスしてください。
XPath チュートリアル。
それはどのように機能しますか?
変換プロセス中、XSLT は XPath を使用して、1 つ以上の事前定義されたテンプレートに一致するソース文書の部分を定義します。一致するものが見つかると、XSLT はソース文書の一致する部分を結果文書に変換します。
正しいスタイル シート宣言
は、ルート要素が または として宣言されます。
注: と は両方とも使用できます。
W3C の XSLT 標準によると、XSL スタイル シートを宣言する正しい方法は次のとおりです:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
ログイン後にコピー
または:
<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
ログイン後にコピー
XSLT 要素、属性、および特性にアクセスするには、それらを宣言する必要があります。ドキュメントの先頭 XSLT 名前空間。
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 指向了官方的 W3C XSLT 命名空间。如果您使用此命名空间，就必须包含属性 version="1.0"。
从一个原始的 XML 文档开始
我们现在要把下面这个 XML 文档（"cdcatalog.xml"）转换为 XHTML：
<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
.
</catalog>ログイン後にコピー
在 Internet Explorer 和 Firefox 中查看 XML 文件：
打开 XML 文件（通常通过点击某个链接） - XML 文档会以颜色化的代码方式来显示根元素及子元素。点击元素左侧的加号或减号可展开或收缩元素的结构。如需查看原始的XML源文件（不带有加号和减号），请在浏览器菜单中选择“查看页面源代码”。
在 Netscape 6 中查看 XML 文件：
打开 XML 文件，然后在 XML 文件中右击，并选择“查看页面源代码”。XML文档会以颜色化的代码方式来显示根元素及子元素。
在 Opera 7 中查看 XML 文件：
打开 XML 文件，然后在XML文件中右击，选择“框架”/“查看源代码”。XML文档将显示为纯文本。
创建 XSL 样式表
然后创建一个带有转换模板的 XSL 样式表（"cdcatalog.xsl"）：
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
My CD Collection
ログイン後にコピー
把 XSL 样式表链接到 XML 文档
向 XML 文档（"cdcatalog.xml"）添加 XSL 样式表引用：
<?xml version="1.0" encoding="ISO-8859-1"?><?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?><catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
.
</catalog>ログイン後にコピー
元素
元素用于构建模板。
match 属性用于关联 XML 元素和模板。match 属性也可用来为整个文档定义模板。match 属性的值是 XPath 表达式（举例，match="/" 定义整个文档）。
好了，让我们看一下上一节中的 XSL 文件的简化版本：
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>ログイン後にコピー
代码解释：
由于 XSL 样式表本身也是一个 XML 文档，因此它总是由 XML 声明起始：
<?xml version="1.0" encoding="ISO-8859-1"?>
ログイン後にコピー
下一个元素，，定义此文档是一个 XSLT 样式表文档（连同版本号和 XSLT 命名空间属性）。
元素定义了一个模板。而 match="/" 属性则把此模板与 XML 源文档的根相联系。
元素内部的内容定义了写到输出结果的 HTML 代码。
最后两行定义了模板的结尾，及样式表的结尾。
以上转换的结果类似这样：
![]()
元素
元素用于提取某个选定节点的值，并把值添加到转换的输出流中：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
注释：select 属性的值是一个 XPath 表达式。此表达式的工作方式类似于定位某个文件系统，在其中正斜杠可选择子目录。
上面的转换结果类似这样：
![]()
元素
元素可用于选取指定的节点集中的每个 XML 元素。
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
注释：select 属性的值是一个 XPath 表达式。此表达式的工作方式类似于定位某个文件系统，在其中正斜杠可选择子目录。
上面的转换结果类似这样：
![]()
结果过滤
通过在 元素中添加一个选择属性的判别式，我们也可以过滤从 XML 文件输出的结果。
<xsl:for-each select="catalog/cd[artist='Bob Dylan']">
ログイン後にコピー
合法的过滤运算符:
= (等于)
!= (不等于)
< (小于)
> (大于)
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
| Title |
Artist |
<xsl:for-each select="catalog/cd[artist='Bob Dylan']">
|
|
ログイン後にコピー
上面的转换结果类似这样：
![]()
元素用于对结果进行排序。
在何处放置排序信息
如需对结果进行排序，只要简单地在 XSL 文件中的 元素内部添加一个 元素：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
注释：select 属性指示需要排序的 XML 元素。
上面的转换结果类似这样：
![]()
元素
如需放置针对 XML 文件内容的条件测试，请向 XSL 文档添加 元素。
语法
<xsl:if test="expression">
...
...如果条件成立则输出...
...
</xsl:if>
ログイン後にコピー
在何处放置 元素
如需添加有条件的测试，请在 XSL 文件中的 元素内部添加 元素：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
注释：必选的 test 属性的值包含了需要求值的表达式。
上面的代码仅仅会输出价格高于 10 的 CD 的 title 和 artist 元素。
上面的转换结果类似这样：
![]()
元素
语法
<xsl:choose>
<xsl:when test="expression">
... 输出 ...
</xsl:when>
<xsl:otherwise>
... 输出 ....
</xsl:otherwise>
</xsl:choose>ログイン後にコピー
在何处放置选择条件
要插入针对 XML 文件的多重条件测试，请向 XSL 文件添加 、 以及 ：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
上面的代码会在 CD 的价格高于 10 时向 "Artist" 列添加粉色的背景颜色。
上面的转换结果类似这样：
![]()
查看此 XML 文件，查看此 XSL 文件，查看结果。
另一个例子
这是另外一个包含两个 元素的例子：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
ログイン後にコピー
上面的代码会在 CD 的价格高于 10 时向 "Artist" 列添加粉色的背景颜色，并在 CD 的价格高于 9 且低于等于 10 时向 "Artist" 列添加灰色的背景颜色。
上面的转换结果类似这样：
![]()
元素
元素可把一个模板应用于当前的元素或者当前元素的子节点。
假如我们向 元素添加一个 select 属性，此元素就会仅仅处理与属性值匹配的子元素。我们可以使用 select 属性来规定子节点被处理的顺序。
请看下面的 XSL 样式表：
<?xml version="1.0" encoding="ISO-8859-1"?>
My CD Collection
Title:
Artist:
ログイン後にコピー
XSLT 元素
如果您需要有关下列元素的更详细的信息，请点击元素列中的链接。
注释：在 IE 5 中所支持的元素可能出现非标准的行为，这是由于 IE 5 发布于 XSLT 被确立为正式的 W3C 标准之前。
| 要素 |
説明 |
IE |
N |
| apply-imports |
インポートされたスタイルシートからテンプレートルールを適用します。 |
6.0 |
|
| apply-templates |
現在の要素または現在の要素の子要素にテンプレートを適用します。 |
5.0 |
6.0 |
| attribute |
要素に属性を追加します。 |
5.0 |
6.0 |
| attribute-set |
名前付き属性セットを作成します。 |
6.0 |
6.0 |
| call-template |
指定されたテンプレートを呼び出します。 |
6.0 |
6.0 |
| choose | は、複数の条件テストを表すために および と組み合わせて使用されます。 | 5.0 | 6.0 |
comment | 結果ツリーにコメントノードを作成します。 | 5.0 | 6.0 |
copy | 現在のノードのバックアップを作成します(子ノードと属性は含まれません)。 | 5.0 | 6.0 |
copy-of | 現在のノードのバックアップを作成します (子ノードと属性を含む)。 | 6.0 | 6.0 |
10進形式 | は、format-number() 関数を通じて数値を文字列に変換するときに使用する文字と記号を定義します。 | 6.0 | |
element | 出力ドキュメントに要素ノードを作成します。 | 5.0 | 6.0 |
fallback | プロセッサが XSLT 要素をサポートしていない場合、実行するフォールバック コードが指定されます。 | 6.0 | |
for-each | 指定されたノードセット内の各ノードを走査します。 | 5.0 | 6.0 |
if | には、指定された条件が true の場合にのみ適用されるテンプレートが含まれています。 | 5.0 | 6.0 |
import | は、あるスタイルシートから別のスタイルシートにコンテンツを流し込むために使用されます。 | 6.0 | 6.0 |
include | あるスタイルシートの内容を別のスタイルシートにインクルードします。 | 6.0 | 6.0 |
key | 名前付きキーを宣言します。 | 6.0 | 6.0 |
message | メッセージを出力に書き込みます (エラー報告用)。 | 6.0 | 6.0 |
namespace-alias | スタイルシート内の名前空間を出力内の別の名前空間に置き換えます。 | 6.0 | |
number | 現在のノードの整数位置を決定し、数値をフォーマットします。 | 6.0 | 6.0 |
otherwise | 要素のデフォルトのアクションを指定します。 | 5.0 | 6.0 |
output | 出力ドキュメントの形式を定義します。 | 6.0 | 6.0 |
param | ローカルまたはグローバルパラメータを宣言します。 | 6.0 | 6.0 |
preserve-space | は、空白を保持する要素を定義するために使用されます。 | 6.0 | 6.0 |
processing-instruction | 処理命令ノードを生成します。 | 5.0 | 6.0 |
sort | 結果を並べ替えます。 | 6.0 | 6.0 |
strip-space | は、空白文字を削除する必要がある要素を定義します。 | 6.0 | 6.0 |
stylesheet | は、スタイルシートのルート要素を定義します。 | 5.0 | 6.0 |
template | 指定されたノードが一致した場合に適用されるルール。 | 5.0 | 6.0 |
text | スタイルシートを通じてテキストノードを生成します。 | 5.0 | 6.0 |
transform | は、スタイルシートのルート要素を定義します。 | 6.0 | 6.0 |
value-of | 選択したノードの値を抽出します。 | 5.0 | 6.0 |
variable | ローカル変数またはグローバル変数を宣言します。 | 6.0 | 6.0 |
when | は、 要素のアクションを指定します。 | 5.0 | 6.0 |
with-param | は、テンプレートに渡す必要があるパラメータの値を指定します。 | 6.0 | 6.0 |
上記はクレイジーXML学習ノート(11)----------XSLTの内容です。詳細については、PHP中国語に注意してください。ウェブサイト (www.php.cn)!
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
-
2023-03-15 16:54:01
-
2023-03-15 12:26:02
-
2023-03-14 18:58:01
-
2023-03-14 11:30:01
-
1970-01-01 08:00:00
-
2023-03-16 15:20:01
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
