好的，html4框架是；过时的；，但是，如果不完全重新编写您的站点，就不可能找到替换的方法。还是有？_Html_Iframe_Frame_Frameset

好的，html4框架是；过时的；，但是，如果不完全重新编写您的站点，就不可能找到替换的方法。还是有？

html iframe

好的，html4框架是；过时的；，但是，如果不完全重新编写您的站点，就不可能找到替换的方法。还是有？,html,iframe,frame,frameset,Html,Iframe,Frame,Frameset,从国家UFO报告中心查看UFO目击记录。大约17年前（我已经很老了），我在ISP提供的Web服务器上使用了一种简单的方法将其组合在一起，该服务器只提供HTML、Javascript和Java小程序。它为我做了这项工作几年前（好吧，6年前），我（和其他人一起）被甲骨文用Java造成的混乱烧死了。我花了一点时间将网站的功能从Java小程序和原始地图从公开可用的数据迁移到OpenLayers和OpenStreetMap。非常好。从中得到了一些新东西，但我也失去了一些东西我最近一直在将地图升级到Op

从国家UFO报告中心查看UFO目击记录。大约17年前（我已经很老了），我在ISP提供的Web服务器上使用了一种简单的方法将其组合在一起，该服务器只提供HTML、Javascript和Java小程序。它为我做了这项工作

几年前（好吧，6年前），我（和其他人一起）被甲骨文用Java造成的混乱烧死了。我花了一点时间将网站的功能从Java小程序和原始地图从公开可用的数据迁移到OpenLayers和OpenStreetMap。非常好。从中得到了一些新东西，但我也失去了一些东西

我最近一直在将地图升级到OpenLayers 6。我最初的实现是OpenLayers 2，他们设法用OpenLayers 3完全重新编写了API，我终于找到了时间让我的头脑集中在它上面，然后开始工作。从ol2迁移到ol6需要四天时间！实际上，我恢复了Java小程序的一些功能

所以在我部署之前，我正在寻找其他我可能。。。使…现代化。。。在代码中。现在我发现frameset/frame已经“过时”——我还发现HTML5中没有任何东西可以像frameset/frame那样工作

请注意，我看过的大多数网站都说“过时”而不是“不推荐”-这听起来像是一种东西，一旦他们认为没人看它就会消失

基本上，我有四个框架：“角落”、“标题”、“菜单栏”和“主要”。当您从一个站点功能移动到另一个站点功能时，“菜单栏”中的HTML将被替换。单个页面提供了一个保存某些会话全局值的位置（例如您正在查看的年份和月份）

这使我能够模块化我的HTML（叹气、序列、热图和各种信息页面），其中更改一个不会破坏所有其他页面

我发现有几十个网站有半解决方案、不完全解决方案、非功能性“解决方案”。我要找的就是一个很好的例子

提供的替换框架集/框架的解决方案似乎难以跟上进度

iframe标记看起来不像frameset/frame，特别是我在这里使用的嵌套类型

建议使用CSS和div标记来模拟帧是不可能的，因为所有代码都必须在一个文件中，这是不可能的

有人建议，服务器端解决方案是使用PHP动态生成页面的一种选择。好吧，我曾在十几种语言中进行过专业工作（甚至尝试在飞行模拟器上使用愉快的代码来操作一个端口），但学习一种新的语言来取代一些可以工作的语言似乎是在浪费我剩下的几年时间

或者只是重新写这个该死的网站，我已经做了两次了。只有10K行代码？这有多难？但这需要时间，而且我老了。。。老

我必须修正cookie协议的问题，这样我就不会和我在法国的朋友用荷兰语交谈了……

好吧，这次我真的很接近了——主机在底部被切断了，但行为真的很好。对于cols=100，*和rows=100，*，实际上没有等价物。我确信有一个CSS修复程序可以进一步。。。感谢提供了一种强制iframe自行运行的方法

<style>
div {
    background-color: black;
    color: yellow;
    border: 1px solid blue;
    margin: 8px;
}
#top {
    height: 100px;
}
#bottom {
    height: 100%;
    clear: left;
}
#corner, #header {
    height: 100%;
}
#corner, #menu {
    width: 100px;
}
#corner {
    float: left;
}
#menu {
    float: left;
}
#header {
    width: 100%;
}
#menu, #main {
    height: 100%;
}
#wmain {
    height: 100%;
}
iframe {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100vh;
}
</style>
<body>
<div id="top">
  <div id="corner">
    <div id="wcorner" style="position:relative">
      <iframe frameborder="0" src="../html/cornerFrame.html" scrolling="no"></iframe>
    </div>
  </div>
  <div id="header">
    <div id="wheader" style="position:relative">
      <iframe frameborder="0" src="../html/headerFrame.html" scrolling="no"></iframe>
    </div>
  </div>
</div>
<div id="bottom">
  <div id="menu">
    <div id="wmenu" style="position:relative">
      <iframe frameborder="0" src="../html/menubarFrame.html" scrolling="no"></iframe>
    </div>
  </div>
  <div id="main">
    <div id="wmain" style="position:relative">
      <iframe id="mainiframe" frameborder="0" src="../html/mainFrame.html" 
         scrolling="yes"></iframe>
    </div>
  </div>
</div>
</body>


div{
背景色：黑色；
颜色：黄色；
边框：1px纯蓝色；
利润率：8px；
}
#顶{
高度：100px；
}
#底部{
身高：100%；
清除：左；
}
#角，#头{
身高：100%；
}
#角落，#菜单{
宽度：100px；
}
#角落{
浮动：左；
}
#菜单{
浮动：左；
}
#标题{
宽度：100%；
}
#菜单，#主菜单{
身高：100%；
}
#维曼{
身高：100%；
}
iframe{
位置：绝对位置；
顶部：0px；
宽度：100%；
高度：100vh；
}

我们已经原型化了从frameset/frame到iframe/div的映射。它看起来相当不错。这些页面中有很多关于我们得到帮助的地方的参考资料。我们现在已经在网站上进行了这些更改，现在我们的框架集/框架自由了

**今天早上我们在网站上收到了一个惊喜，但我们也会努力解决这个问题。原来是一个“边距”，应该是一个“左边距”。

终于找到了一个网站，上面有一个接近的例子。这从一个更有用的角度展示了iframe标记，这比我看过的其他站点要有用得多。我能看到一个iframe卡在一个div里面工作。。。看起来我已经撞上了这个：

<style>
div {
    background-color: black;
    color: yellow;
    border: 1px solid blue;
    margin: 8px;
}
#top {
    height: 100px;
}
#bottom {
    height: 100%;
    clear: left;
}
#corner, #header {
    height: 100%;
}
#corner, #menu {
    width: 100px;
}
#corner {
    float: left;
}
#menu {
    float: left;
}
#header {
    width: 100%;
}
#menu, #main {
    height: 100%;
}
#wmain {
    height: 100%;
}
iframe {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100vh;
}
</style>
<body>
<div id="top">
  <div id="corner">
    <div id="wcorner" style="position:relative">
      <iframe frameborder="0" src="../html/cornerFrame.html" scrolling="no"></iframe>
    </div>
  </div>
  <div id="header">
    <div id="wheader" style="position:relative">
      <iframe frameborder="0" src="../html/headerFrame.html" scrolling="no"></iframe>
    </div>
  </div>
</div>
<div id="bottom">
  <div id="menu">
    <div id="wmenu" style="position:relative">
      <iframe frameborder="0" src="../html/menubarFrame.html" scrolling="no"></iframe>
    </div>
  </div>
  <div id="main">
    <div id="wmain" style="position:relative">
      <iframe id="mainiframe" frameborder="0" src="../html/mainFrame.html" 
         scrolling="yes"></iframe>
    </div>
  </div>
</div>
</body>