iframe标记阻止页面的其他内容

时间:2012-06-23 10:42:51

标签: html html5 xhtml

我是html的初学者。我有一个包含iframe标记的网页。 如果标签像

那样关闭
<iframe src="http://mysite.com/l/5042/2012-06-21/9pb4y" width="100%" height="500" frameborder="0" style="border: 0" />

不会显示iframe标记后面的html内容。 但是如果标签像

一样关闭
<iframe src="http://mysite.com/l/5042/2012-06-21/9pb4y" width="100%" height="500" frameborder="0" style="border: 0" > </iframe>

一切正常。

不知道为什么我会遇到这个奇怪的问题。

2 个答案:

答案 0 :(得分:1)

将此代码复制到W3C markup validation service

<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> //-->

<!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></title>
</head>
<body>

    <iframe src="http://mysite.com/l/5042//2012-06-21/9pb4y" width="100%" height="500" frameborder="0" style="border: 0" ></iframe>

    <iframe src="http://mysite.com/l/5042//2012-06-21/9pb4y" width="100%" height="500" frameborder="0" style="border: 0" />

</body>
</html>

评论并取消注释,以测试两个不同的DOCTYPE

您会看到iframe不支持DOCTYPE标记。更改DOCTYPE或不使用iframes。 (当然,您可以使用明确关闭的iframe标记,但由于这不会验证,如果您想在尽可能多的浏览器中工作,我会说这是一个冒险的选项。)

我并不是要暗示iframe已被弃用。在W3C site

上查看此未受质疑的帖子

答案 1 :(得分:0)

iframe被标记为与您的示例

中的iframe一样

<iframe src=... attributes=...></iframe>

但是在你的例子中是open和close标签之间的空格,只需删除它。