XMLを最近覚えたのですが、表示がうまく出来ないので間違ってる箇所を教えて頂けないでしょうか?
よろしければどうしたら表示されるのかも教えて頂けると助かります。
元のソース
<?xml version="1.0" encoding="SHIFT_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>***</title>
<link rel="stylesheet" type="text/css" href="**.css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<br />
<h2>***</h2>
<h4>***</h4>
<table><tr><td width="600">
<div><br /><font size="4" color="blue">***</font>
<br />***
</div></td></tr></table>
<br />
<a href="../***.html"><img src="back.png" border="0" alt="" /></a>
<br />
<br />
</body>
</html>
↓変更後 XML
<?xml version="1.0" encoding="Shift_JIS"?>
<?xml-stylesheet type="text/xsl" href="taimu1.xsl"?>
<taimu>
<tai>***</tai>
<sab>***</sab>
<bunn>
<br /><font size="4" color="blue">***</font>
<br />***
<br />
</bunn>
<gazou>
<a href="***.html"><img src="***.png" border="0" alt="" /></a>
</gazou>
</taimu>
↓変更後 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="/">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>***</title>
<link rel="stylesheet" type="text/css" href="***.css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<xsl:apply-templates select="tai" />
<xsl:apply-templates select="sabu" />
<xsl:apply-templates select="bun" />
<xsl:apply-templates select="gazou" />
</body>
</html>
</xsl:template>
<xsl:template match="tai">
<h2>***</h2>
</xsl:template>
<xsl:template match="sabu">
<h4>***</h4>
</xsl:template>
<xsl:template match="bun">
<table><tr><td width="600"><div>
</div></td></tr></table>
</xsl:template>
<xsl:template match="gazou">
<a href="***.html"><img src="***.png" border="0" alt="" /></a>
</xsl:template>
</xsl:stylesheet>
大体このように書きました
No.1ベストアンサー
- 回答日時:
最初は単純な構造のものを表示させるところから始めたらどうでしょうか。
たとえば,
<tai>ここはtaiです</tai>
の「ここはtaiです」を表示するには,
<xsl:template match="tai">
<h2><xsl:value-of select="."/></h2>
</xsl:template>
としますが,まずは,この一つを表示できるようにし,それができたら,次に進むようにすると,エラーの原因も分かりやすくなります。
基本的に,XMLには,表示するデータを置き,表示形式はXSLで設定しますから,XMLにHTMLのタグは書きません。
たとえば,XMLは,このようにデータだけとし
<bun>これは文です</bun>
<bun>これもぶんです</bun>
などとし,XSLでは,
<xsl:template match="bun">
<table><tr><td width="600">
<font size="4" color="blue">
<xsl:value-of select="."/><br/>
</font>
</td></tr></table>
</xsl:template>
というようにするなどします(ただ,これではtableを使う意味がありませんが)。これなども,この部分だけの表示を試してみると,どんな風にXSLを書くと良いか分かると思います。
要領が分かるまで大変でしょうが,いろいろ試す内に分かってくると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
XSLで、XMLの空タグを制御したい。
-
ノードの並び替え
-
タグの有無の判定
-
xslでの最小値、最大値の取得
-
xmlのテキストにリンクを張りた...
-
XMLのHTMLへの変換 (初心者)
-
CPUの考え方を教えてください ...
-
XMLで要素が記述された順番に意...
-
バッチファイルでテキストファ...
-
昔Winnyってありましたけど、あ...
-
あせんうぶり言語
-
VB6でXMLを作成しているのです...
-
SNMP リンクダウンとノードダ...
-
あるノードリストに、特定の名...
-
HTTPステータス 404 - There is...
-
コンテキストメニュークリック...
-
Listからのnull要素を削除方法は?
-
ルート要素ノードが2個ある場合?
-
ノードとは
-
このエラー、何とかなりません...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
XSLで、XMLの空タグを制御したい。
-
タグの有無の判定
-
XSLでXMLデータをタブ区切りデ...
-
XSLTで固定長データファイルを...
-
XSL中の改行、タブを無効にした...
-
xmlのテキストにリンクを張りた...
-
重複するものを消したい
-
XSLTがブラウザで表示されません。
-
うまく表示されない
-
文字列の取得
-
xsl:param要素をxsl:templateの...
-
value-ofの値を属性値とするには
-
XMLをXSLを使いHTMLに変換した...
-
XMLから指定テキストのみを抜き...
-
ある文字列を含むノードが存在...
-
VBAからxml・スタイルシートを...
-
xsl、xpath式の書き方について
-
XSLで特定のタグだけを出力する...
-
XSL内でJavaScriptを記述し、Ja...
-
XSLTで直下のテキストのみ取得...
おすすめ情報