iframe 自使用浏览器大小

最新推荐文章于 2020-09-06 12:32:50 发布

lifen_zhang

最新推荐文章于 2020-09-06 12:32:50 发布

阅读量848

点赞数

分类专栏：网页制作方面文章标签： iframe 浏览器 xhtml html 文档 border

本文链接：https://blog.csdn.net/lifen_zhang/article/details/5396388

版权

网页制作方面专栏收录该内容

5 篇文章 0 订阅

订阅专栏

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>!DOCTYPE html 4.01 过渡 iframe 满频显示 </title> </head> <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><iframe scrolling="no" src="1.html" width="100%" height="67" frameborder="0"> </iframe></td> </tr> <tr> <td width="200" height="100%" bgcolor="#e6f6ff" id="FrameTitle"><iframe name="LeftIframe" scrolling="no" src="2.html" width="100%" height="100%" frameborder="0" > </iframe></td> <td width="10" height="100%" > </td> <td><iframe id="MainIframe" name="MainIframe" src="Untitled-1.html" width="100%" height="100%" frameborder="0" ><span class="STYLE1"></span> </iframe></td> </tr> </table> </body> </html>

此时使用的是 HTML 4.01 Transitional 声明显示页面。用div 编写高度100% 同样适用；兼容所有的浏览器

但此种方法只适用于 html 页面，但随着xml的出现，html页面已经不能满足人们的需要。

但如果将DOCTYPE声明换成 XHTML 1.0 Transitional 方式，则页面不能达到想要的效果，必须用js来控制。

参考如下（仅供参考）

<!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=gb2312" /> <title>无标题文档</title> <mce:style></mce:style><style mce_bogus="1">* { margin:0px; padding:0px; border:0px;} .top { height:90px; background-color:#6699FF;} .left { width:220px; float:left; background-color:#999999; display:inline; position:absolute; top:95px; bottom:0; left:0; z-index:11;} .right { position:absolute; background-color:#FFCC99; top:95px; left:220px; z-index:10; zoom:1;}</style> </head> <body> <div class="top"></div> <div class="left" id="left_bor">3</div> <div class="right" id="height_bor">11</div> <mce:script type="text/javascript"></mce:script> </body> </html>

引申什么是DOCTYPE

一行完整的 DOCTYPE 申明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。

要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。

对于目前网页开发来来说，最适合使用的也是过渡的DTD(XHTML 1.0 Transitional)；因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。它应该置于XHTML文档最顶部，在所有代码和标识之上

XHTML比HTML有哪些优点？

如果你的文档仅是纯XHTML 1.0的（不包含其他标记语言），那么你还不能体会到较多的不同。但是，随着越来越多XML工具（比如用于文档转换的XSLT）的出现，你将能体会到使用XHTML的优点。比如，XForms使你可以用便捷的方式来编辑XHTML文档（或其他类型的XML文档）。语义Web应用也将得以从XHTML文档获利。

如果你的文档不仅是XHTML 1.0，比如还包含了MathML、SMIL或SVG，那么优点将是立竿见影的：用HTML你是不可能完成这些事的。

这段话是摘自网上其他地方，由于没有做过此方面的案例，所以理解起来也有些困难，希望以后能有更深度的理解

lifen_zhang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe 自使用浏览器大小

代码如下： !DOCTYPE html 4.01 过渡 iframe 满频显示此时使用的是 HTML 4.01 Transitional 声明显示页面。用div 编写高度100% 同样适用；兼容所有的浏览
复制链接

扫一扫

专栏目录