iframe没有在html中显示内容

Question

toonzaal.php （html页面，但包含php代码 - ＆gt;这就是为什么.php）

<iframe data-src="toonzaal.html" scrolling="no" frameborder="0" style="height:600px"></iframe>  

我猜的空格是iframe，但不知道为什么还有更多的东西出现。

toonzaal.html

这是我希望在toonzaal.php页面中显示较小的滑块（图片）

文件夹结构

Answer 1

根据w3 html5 reference on embedded content，data-src元素没有iframe这样的属性。

您应该使用src代替。

<iframe src="toonzaal.html" scrolling="no" frameborder="0" style="height:600px"></iframe>

应该工作。

<强>另外：

Frameborder属性在HTML5中已过时。您可以使用CSS。在您的情况下，它将是border: none;。

虽然HTML5中的scrolling也已过时，但大多数浏览器仍然支持它，并且它们与overflow: hidden;元素的iframe css属性不兼容。这就是为什么你的iframe应该是这样的：

<iframe src="toonzaal.html" scrolling="no" style="height:600px; border: none;"></iframe>