一个含有iframe的html页面为什么只显示一部分?

原创 2016年09月07日 18:58:47

test.html:

<!doctype html>

<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>

<iframe src="" />
<h1>hello world!!!</h1>

 </body>

</html>

效果:


解决方案:

因为iframe标签需要一个关闭标签,即</iframe>.
在标签内使用/>关闭的前提条件是当前网页使用XHTML标准,当使用HTML标准时/>是不符合语法规则的写法,如果浏览器不能容错,将会产生错误.

正确写法:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
<iframe src="" ></iframe>
<h1>hello world!!!</h1>
 </body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_17505335/article/details/52462279

iframe不完全显示的解决方法

如果在页面中用到了iframe标签,有时在浏览器中并不能完全显示iframe,导致有些iframe内的内容不能被显示,如果遇到这种情况,使用以下js可以解决大多数问题。 这是iframe标签:...
  • lujianfeiccie2009
  • lujianfeiccie2009
  • 2011-05-18 15:49:00
  • 13107

【HTML】使用Iframe标签显示目标网页(内容)的某区域

【HTML】使用Iframe标签显示目标网页(内容)的某区域      有些时候我们并不需要显示iframe标签属性src指定的目标网页的所有内容,往往只需要显示某一特定区域。现有两种实现方法提供,...
  • dyllove98
  • dyllove98
  • 2013-05-27 23:01:03
  • 10259

IFRAME嵌入页面,只显示中间一部分,其他的都不要

http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500>  控制插入页被框架覆盖的深度 marginwi...
  • txz2003
  • txz2003
  • 2006-10-17 21:17:00
  • 7559

iframe 高度显示不正确解决方法 IE

src="xxx"  style="width: 100%;heigth: 100%;">
  • heweimingming
  • heweimingming
  • 2015-03-27 16:05:25
  • 973

MVC布局页面嵌入Iframe子页面,显示不完整

参考来源:http://caibaojian.com,感谢原文作者,原文链接:http://caibaojian.com/iframe-adjust-content-height.html,由于比较实...
  • gongjing457
  • gongjing457
  • 2017-11-07 11:54:51
  • 773

【HTML】使用iframe标签显示目标网页(内容)的指定区域

有些时候我们并不需要显示iframe标签属性src指定的目标网页的所有内容,往往只需要显示某一特定区域。现有两种实现方法提供,但严禁使用此方法用于欺骗、隐瞒目的。       这里用到了Iframe的...
  • u011370898
  • u011370898
  • 2013-07-11 10:23:13
  • 1668

vue组件中使用iframe元素

需要在本页面中展示vue组件中的超链接,地址栏不改变的方法:&amp;lt;template&amp;gt; &amp;lt;div class=&quot;accept-container&...
  • dx18520548758
  • dx18520548758
  • 2018-03-01 19:00:48
  • 165

vue+iframe的实现思路

参考https://my.oschina.net/u/1416844/blog/1587411
  • jinsedeme0881
  • jinsedeme0881
  • 2018-02-09 13:54:49
  • 562

如何去掉iframe内嵌页面头部/底部(iframe取部分网页)

请看如下代码 红色部分就是你需要加进去的  style="margin-top:-150px;width:950px;display:block;" frameborder="0" margin...
  • china_skag
  • china_skag
  • 2013-05-23 12:57:32
  • 9949

iframe显示全部内容代码

  • 2010年05月19日 16:53
  • 218B
  • 下载
收藏助手
不良信息举报
您举报文章:一个含有iframe的html页面为什么只显示一部分?
举报原因:
原因补充:

(最多只允许输入30个字)