XHTML到XSLT的另一个XHTML

我有两个XHTML文件，我的任务是使用XSLT（或Java程序的任何其他方法）从一个XHTML转换为另一个XHTML文件。我搜索了但我没有得到任何例子，所有这些都与XSLT或其他XHMTL的一点信息转换为另一种XML有关。所以任何人都可以用一个包含源文件，期望文件和XSLT文件的例子来解释这个过程，通过使用我的XHTML文件或其他任何文件。我会非常感谢。XHTML到XSLT的另一个XHTML

源文件[1] -

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<title>eXe</title> 
<style type="text/css"> 
@import url(base.css); 
@import url(content.css); 
</style> 
<script type="text/javascript" src="common.js"></script> 
</head> 
<body> 
<div id="outer"> 
<div id="main"> 
<div id="nodeDecoration"> 
<p id="nodeTitle"> 
Part 1</p> 
</div> 
<div class="TrueFalseIdevice" id="id12"> 
<script type="text/javascript" src="common.js"></script> 
<!--THIS JAVASCRIPT HAS TO BE ELIMINATED--> 
<script type="text/javascript" src="libot_drag.js"></script> 
<div class="iDevice emphasis1"> 
<img alt="" class="iDevice_icon" src="icon_question.gif" /> 
<span class="iDeviceTitle">True-False Question</span><br/> 
<div class="iDevice_inner"> 
<div id="ta12_16" class="block" style="display:block"> 

</div><div class="question"> 
<br/><br/><div id="taquestion0b12" class="block" style="display:block">1><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none"> SQL Stands for Structure Query Language?</span> 

<!--THIS ONCLICK EVENT HAS TO BE REMOVED--> 
</div><br/>True <input type="radio" name="option0b12" id="true0b12" onclick="getFeedback(0,2,'0b12','truefalse')"/> 
False <input type="radio" name="option0b12" id="false0b12" onclick="getFeedback(1,2,'0b12','truefalse')"/> 
<div id="s0b0b12" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> 
<div id="s1b0b12" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div> 
<div id="sfbk0b12" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback0b12" class="block" style="display:block"> 

</div></div> 
</div> 
</div> 
</div> 
</body></html>

所需的文件[1]：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>eXe</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<!-- Created using eXe: http://exelearning.org --> 
<style type="text/css"> 
@import url(base.css); 
@import url(content.css); 
</style> 
<script type="text/javascript" src="common.js"></script> 
</head> 
<!--THESE TWO JAVASCRIPT HAVE TO BE INCLUDED--> 
<script type="text/javascript" src="APIWrapper.js"></script> 
<script type="text/javascript" src="SCOFunctions.js"></script> 
<body onload="loadPage()" onunload="unloadPage()"><div id="outer"> 
<div id="main"> 
<div id="nodeDecoration"> 
<p id="nodeTitle"> 
Part 1</p></div> 
<div class="QuizTestIdevice" id="id8"> 
<!--THIS JAVASCRIPT AND FORM HAVE TO BE INCLUDED--> 
<script type="text/javascript" src="calculate.js"></script> 
<form name="quizForm8" id="quizForm8" action="javascript:calcScore2();"> 
<div class="iDevice emphasis1"> 
<img alt="" class="iDevice_icon" src="icon_question.gif" /> 
<span class="iDeviceTitle">SCORM Quiz</span> 
<div class="iDevice_inner"> 
<div class="passrate" value="50"></div> 
<div class="question"> 
<div id="taquestion0b8" class="block" style="display:block">1> SQL Stands for Structure Query Language? 

</div><br/> 
<table><tr><td><input type="radio" name="key0b8" value="0" /> 
</td><td> 
<div id="taoptionAnswer0q0b8" class="block" style="display:block">True 

</div></td></tr> 
<tr><td><input type="radio" name="key0b8" value="1" /> 
</td><td> 
<div id="taoptionAnswer1q0b8" class="block" style="display:block">False 

</div></td></tr> 
</table></div> 
<!--THIS SUBMIT BUTTON HAS TO BE INCLUDED--> 
<br/><input type="submit" name="submitB" value="SUBMIT ANSWERS"/> 
</div></div> 
</form> 
</div> 
</div> 
</div> 
</body></html>

完整的源文件[2] -

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<title>eXe</title> 
<style type="text/css"> 
@import url(base.css); 
@import url(content.css); 
</style> 
<script type="text/javascript" src="common.js"></script> 
</head> 
<body> 
<div id="outer"> 
<div id="main"> 
<div id="nodeDecoration"> 
<p id="nodeTitle"> 
Part 2</p> 
</div> 
<div class="TrueFalseIdevice" id="id13"> 

<script type="text/javascript" src="common.js"></script> 
<script type="text/javascript" src="libot_drag.js"></script> 

<div class="iDevice emphasis1"> 
<img alt="" class="iDevice_icon" src="icon_question.gif" /> 
<span class="iDeviceTitle">True-False Question</span><br/> 
<div class="iDevice_inner"> 
<div id="ta13_16" class="block" style="display:block"> 
</div> 

<div class="question"> 
<br/><br/><div id="taquestion0b13" class="block" style="display:block">1: Can a table have more than one primary key? 

</div><br/>True <input type="radio" name="option0b13" id="true0b13" onclick="getFeedback(0,2,'0b13','truefalse')"/> 
False <input type="radio" name="option0b13" id="false0b13" onclick="getFeedback(1,2,'0b13','truefalse')"/> 
<div id="s0b0b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> 
<div id="s1b0b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div> 
<div id="sfbk0b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback0b13" class="block" style="display:block"> 
</div></div></div> 

<div class="question"> 

<br/><br/><div id="taquestion1b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">2: A row in a database can also be called a domain.</span> 

</div><br/>True <input type="radio" name="option1b13" id="true1b13" onclick="getFeedback(0,2,'1b13','truefalse')"/> 

False <input type="radio" name="option1b13" id="false1b13" onclick="getFeedback(1,2,'1b13','truefalse')"/> 

<div id="s0b1b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div> 
<div id="s1b1b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> 
<div id="sfbk1b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback1b13" class="block" style="display:block"> 
</div></div> 
</div> 

<div class="question"> 

<br/><br/><div id="taquestion2b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">3: In an OO database objects may inherit some or all of the characteristics of other objects.</span> 

</div><br/>True <input type="radio" name="option2b13" id="true2b13" onclick="getFeedback(0,2,'2b13','truefalse')"/> 
False <input type="radio" name="option2b13" id="false2b13" onclick="getFeedback(1,2,'2b13','truefalse')"/> 
<div id="s0b2b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> 
<div id="s1b2b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect!</div> 
<div id="sfbk2b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback2b13" class="block" style="display:block"> 
</div></div> 
</div> 

<div class="question"> 

<br/><br/><div id="taquestion3b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">4: In entity attribute modelling a many to many relationship is represented by M:M.</span> 

</div><br/>True <input type="radio" name="option3b13" id="true3b13" onclick="getFeedback(0,2,'3b13','truefalse')"/> 

False <input type="radio" name="option3b13" id="false3b13" onclick="getFeedback(1,2,'3b13','truefalse')"/> 

<div id="s0b3b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div> 
<div id="s1b3b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> 
<div id="sfbk3b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback3b13" class="block" style="display:block"> 

</div></div></div></div></div></div></div></div> 
</body></html>

我XSLT-

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
     <!-- Import the identity transformation. --> 
     <xsl:import href="identity.xsl"/> 

     <xsl:template match="@onclick"> 

     </xsl:template> 
     <xsl:template match="@style"/> 

     <xsl:template match="input"> 
     <xsl:element name="input"> 
      <xsl:attribute name="type">submit</xsl:attribute> 
      <xsl:attribute name="name">submitB</xsl:attribute> 
      <xsl:attribute name="value">Submit</xsl:attribute> 
      <xsl:apply-templates /> 
     </xsl:element> 
     </xsl:template> 

    </xsl:stylesheet>

COMPLETE所需的文件[2] - 您阅读有关使用XSLT适用于转化XHTML转换XML，XHTML，因为XML是

<?xml version="1.0" encoding="UTF-8"?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>eXe</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css"> 
@import url(base.css); 
@import url(content.css); 
</style> 
<script type="text/javascript" src="common.js"></script> 
</head> 

<script type="text/javascript" src="APIWrapper.js"></script> 
<script type="text/javascript" src="SCOFunctions.js"></script> 

<body onload="loadPage()" onunload="unloadPage()"><div id="outer"> 
<div id="main"> 

<div id="nodeDecoration"> 
<p id="nodeTitle"> 
Part 2</p></div> 
<div class="QuizTestIdevice" id="id10"> 

<script type="text/javascript" src="calculate.js"></script> 

<form name="quizForm10" id="quizForm10" action="javascript:calcScore2();"> 
<div class="iDevice emphasis1"> 
<img alt="" class="iDevice_icon" src="icon_question.gif" /> 
<span class="iDeviceTitle">SCORM Quiz</span> 
<div class="iDevice_inner"> 
<div class="passrate" value="50"></div> 

<div class="question"> 
<div id="taquestion0b10" class="block" style="display:block">1: Can a table have more than one primary key? 
</div><br/> 

<table><tr><td><input type="radio" name="key0b10" value="0" /> 
</td><td> 
<div id="taoptionAnswer0q0b10" class="block" style="display:block">True 
</div></td></tr> 
<tr><td><input type="radio" name="key0b10" value="1" /> 
</td><td> 
<div id="taoptionAnswer1q0b10" class="block" style="display:block">False 
</div></td></tr> 
</table></div> 

<br/><div class="question"> 
<div id="taquestion1b10" class="block" style="display:block"><span class="Ques">2: A row in a database can also be called a domain. 
</span> 
</div><br/> 
<table><tr><td><input type="radio" name="key1b10" value="0" /> 
</td><td> 
<div id="taoptionAnswer0q1b10" class="block" style="display:block">True 
</div></td></tr> 
<tr><td><input type="radio" name="key1b10" value="1" /> 
</td><td> 
<div id="taoptionAnswer1q1b10" class="block" style="display:block">False 
</div></td></tr> 
</table></div> 

<br/><div class="question"> 
<div id="taquestion2b10" class="block" style="display:block"><span class="Ques">3: In an OO database objects may inherit some or all of the characteristics of other objects. 
</span> 
</div><br/> 
<table><tr><td><input type="radio" name="key2b10" value="0" /> 
</td><td> 
<div id="taoptionAnswer0q2b10" class="block" style="display:block">True 
</div></td></tr> 
<tr><td><input type="radio" name="key2b10" value="1" /> 
</td><td> 
<div id="taoptionAnswer1q2b10" class="block" style="display:block">False 
</div></td></tr> 
</table></div> 

<br/><div class="question"> 
<div id="taquestion3b10" class="block" style="display:block"><span class="Ques">4: In entity attribute modelling a many to many relationship is represented by M:M.</span> 
</div><br/> 
<table><tr><td><input type="radio" name="key3b10" value="0" /> 
</td><td> 
<div id="taoptionAnswer0q3b10" class="block" style="display:block">True 
</div></td></tr> 
<tr><td><input type="radio" name="key3b10" value="1" /> 
</td><td> 
<div id="taoptionAnswer1q3b10" class="block" style="display:block">False 
</div></td></tr> 
</table></div> 

<br/><input type="submit" name="submitB" value="SUBMIT ANSWERS"/> 
</div></div> 
</form> 
</div></div></div> 
</body></html>

来源

2012-07-12 RahulD

'所有人都为一个XML转换到另一个XSLT' XHTML相关的** **是XML，所以你看到的是适用于您的问题的任何实例。 – 2012-07-12 19:22:04

@StephenP感谢您的帮助。我现在只使用XSLT。 – RahulD 2012-07-13 10:05:04

一切。除了研究解决方案的普遍性之外，很难看出问题的难点：这是唯一需要转换的文档（如果是这样，为什么不使用文本编辑器？）还是其他人相似，如果有的话，它们有多少不同？

编写一个复制大多数东西但删除一些东西的转换的一般方法是编写两个模板规则：复制要复制的东西的一般标识模板以及与所需东西相匹配的特殊规则删除。

看到这里变化的主题：

http://www.dpawson.co.uk/xsl/sect2/identity.html

来源

2012-07-12 23:21:24

非常感谢您的帮助。我正在浏览您提供的链接。实际上，这不是唯一需要改变的文件，而是有很多，但它们都具有相似的结构，只有测验问题有所不同。我可以使用文本编辑器，但我的任务是自动完成，所以我通过Java程序和XSLT来完成。 – RahulD 2012-07-13 10:00:56

这些文件包含一些测验问题，因此在示例代码中，我只包含一个问题，而可以有很多问题。源代码和期望的HTML文件之间的第一个区别是'Javascripts'。我已经将这些Javascripts从B包复制到A，这些不在那里，现在这3个Javascript应该包含在所需的HTML文件中，并且必须从源文件中排除一个JavaScript。这对所有的HTML文件都是正确的，并且不会受到测验中问题数量的影响。 – RahulD 2012-07-13 10:03:12

第二个区别是所需的HTML Body标签应该像，而在源代码中则类似于。第三个不同之处在于，在源文件中没有存在Form标签

XHTML到XSLT的另一个XHTML

回答

相关问题