一个含有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>

版权声明:本文为博主原创文章,未经博主允许不得转载。

iframe不完全显示的解决方法

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

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

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

pdf.js使用和JS实现嵌套Iframe页面F11全屏效果

1      Pdf.js使用 generic/web/viewer.html主要是渲染pdf阅读器的样式,而generic/web/viewer.js则是指定打开的pdf文件(当然还有其他功能,不...
  • u010058873
  • u010058873
  • 2016年01月20日 15:07
  • 4258

IE下iframe不能正常加载,显示空白

下午帮忙看了一个web问题,index.html中嵌入来加载同文件目录下的一个页面,在多个浏览器下测试,发现IE浏览器中会出现问题,不能正常加载,显示空白页,右键属性为"_blank" 。   ...
  • ft2166826
  • ft2166826
  • 2013年12月12日 17:08
  • 1869

一个时分秒控件示例(在一个HTML页面中单击input时显示时分秒控件)

  • 2009年06月15日 17:01
  • 2KB
  • 下载

iframe模拟html页面弹出框

1.弹出框的解释:            实际上所有的所谓的html弹出框都是在iframe里面重新指定了一个url而已,并不是浏览器本身提供的弹出框,但是它本身已经达到了弹出框的效果。 2.示例...
  • tengdazhang770960436
  • tengdazhang770960436
  • 2013年09月09日 15:43
  • 652

Servlet从本机读取一个图片,并显示在html页面

1、工具类 //工具类 package com.JavaBean; import java.awt.image.BufferedImage; impo...
  • hicheney
  • hicheney
  • 2016年12月02日 12:43
  • 3446

jquery实现html页面增加删除一个div

  • 2015年07月08日 13:52
  • 27KB
  • 下载

JAXER留言板-一个html页面的ajax留言版

  • 2008年01月26日 22:11
  • 27KB
  • 下载

HTML页面中编写一个提示框,动态定位与提示不同语句

HTML页面中编写一个提示框,动态定位与提示不同语句,当鼠标经过,显示。移走,就消失。 1.写一个div 2.进行js编写,写一个函数,进行处理。 DIV: ...
  • guoxu775
  • guoxu775
  • 2012年11月24日 17:38
  • 1312
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个含有iframe的html页面为什么只显示一部分?
举报原因:
原因补充:

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