Html 使用XML数据孤岛时没有记录_Html_Xml

Html 使用XML数据孤岛时没有记录

html xml

Html 使用XML数据孤岛时没有记录,html,xml,Html,Xml,具有包含xml的简单html： <html> <head> <title>XML Data Islands</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <h2> Binding XML Data Islands to Elements<

具有包含xml的简单html：

<html>
<head>
    <title>XML Data Islands</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h2>
        Binding XML Data Islands to Elements</h2>

    <xml id="#myXmlDataSource">
        <items>
            <item id="item1">
                <name>Mocha</name>
                <type>Coffee</type>
                <photo>photos/candles.jpg</photo>
            </item>
            <item id="item2">
                <name>Decaf</name>
                <type>Coffee</type>
                <photo>photos/teacup.jpg</photo>
            </item>
        </items>

    </xml>
    <table datasrc="#myXmlDataSource" border="1">
        <thead>
            <tr>
                <th>
                    Photo</th>
                <th>
                    Description</th>
                <th>
                    Type</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <img datafld="photo"/>
                </td>
                <td>
                    <span title=  "name"/>
                </td>
                <td>
                    <span datafld="type"/>
                </td>
            </tr>
        </tbody>
    </table>


</body>
</html>


XML数据岛
将XML数据孤岛绑定到元素
摩卡
咖啡
照片/蜡烛.jpg
脱咖啡因咖啡
咖啡
照片/teacup.jpg
照片
描述
类型

遗憾的是，表中未显示记录。没有图片和文字。问题出在哪里？

是IE10中删除的仅限Internet Explorer的功能。以当前的形式，这将永远不会在Chrome或Firefox中工作
然而，您可能想看看，这解释了如何使用HTML5“数据块”工作。这将是更具跨浏览器兼容性的解决方案
我没有IE9，但如果以下更改对您不起作用，可能会有所帮助。我已经在IE8中成功地测试了这些
代码中有两个小错误
元素
id
不应包含
#
（这就是属性
id
所表示的）

^ 去掉这个

而且
应该是
html不能识别xml是Internet Explorer独有的功能，这在IE10中被删除。您要在哪个浏览器中查看此页？
<xml id="#myXmlDataSource"> ^ remove this