请教在html中，怎么调用xml文件里的内容

请问在html中，如何调用xml文件里的内容？
RT。需要写一个简单的网页，但是需要多语言版本。因此想建立多个XML文件作为不同语言的文本库以便于后期维护方便。但刚刚接触HTML，不知道该如何实现在HTML中调用XML文件里的内容？

例如：
网页中要显示“菜单”、“工具”等内容。因此建立一个名为CN.xml的文件，里面写上“菜单”、“工具”。再建立一个名为EN.xml的文件，里面写上“Menu”、“Tools”。在中文版HTML中，需要显示“菜单”的地方从CN.xml中调用“菜单”文本并显示出来。英文版HTML中，需显示“菜单”的地方从EN.html中调用“Menu”文本并显示。
------解决思路----------------------

<script src="/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>



<script>

var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';

$(xml).find("data").each(function(i)

            {console.log(this)

alert($(this).text())

            });

</script>

------解决思路----------------------

<script src=scripts/jquery-1.8.3.min.js></script>

<script src=scripts/jquery.xpath.min.js></script>

<script>

$(function() {

  $('#x2').html($('xml').xpath('//.[@name=2]').text());

  $('#x1').html($('xml').xpath('//.[@name=1]').text());

});

</script>

<xml>

<?xml version="1.0" encoding="GB2312" ?>

<Resource>

        <data name="1">menu</data>

        <data name="2">tool</data>

</Resource>

</xml>

<div id=x2></div>

<div id=x1></div>