html5 frameset标签的替代方案是什么？frameset标签替代的解决办法

来源:网络整理作者: 发布时间:2020-12-21 18:22

本篇文章主要的介绍了关于html5 frameset标签的替代方案实例解析，还有关于html5 frameset标签的两个解决办法，现在让我...

警告验证 (XHTML 1.0 Transitional): 不支持元素“frameset”。

警告验证 (XHTML 1.0 Transitional): 不支持元素“frame”。

新的HTML标准已经不支持FrameSet与Frame元素,替代方式之一是用DIV配合IFrame与CSS替代FrameSet元素.IFrame根据不同的内容,高宽自适应其实很简单,但是很多人没有解决,其解决方法如下<即在onLoad方法中设置其高与宽即可>:

1.使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。

<div id="navigation">  </div> <div id="content"> <iframe id="contentIFrame" name="Content" src=https://www.ym97.com/"XMLDataBinding.aspx" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.body.scrollHeight+5;this.width=this.contentWindow.document .body.scrollWidth+5;" /> </div>

这么使用是在网上看到的比较好的方案之一了。

HTML5 meter标签什么意思？meter标签的用法详解

以上就是本篇关于HTML5 frameset标签的替代方案，还有替代后的解决办法实例解析。有问题的可以在下方提问

【小编推荐】

现在我们介绍下关于frameset标签替代的解决办法：（html5不支持frameset的，所以解决方法有以下两种）

html中的注释怎么写？html中的注释符号又是什么？（附实例）

以上就是html5 frameset标签的替代方案是什么？frameset标签替代的解决办法的详细内容，更多请关注聚合云库其它相关文章！

2.使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。所以更流行的是这种方法：

首先我们先看看html5 frameset标签的替代方案是什么：

下面是在Visual Studio中对FrameSet与Frame的警告提示:

页面尽量少用 frameset 不利于被搜索引擎搜索到。

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div+css实现frameset效果</title> <style type="text/css">.header{border-bottom:1px solid #ccc;margin-bottom:5px;} .MainContainer{min-width:960px;max-width:1600px;} .sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px; padding:5px;}.main{float:left;margin-left:200px;padding:5px;} .content{padding:0 10px;} </style> </head> <body> <div class="page"><div class="header"><div id="title"> <h1>顶部</h1> </div></div> <div class="MainContainer"><div class="sidebar">边栏</div> <div id="main" class="main">内容</div></div> </div> </body> </html>

上文代码运行效果如下：

看看关于frameset标签的代码实例说明：

本篇文章主要的介绍了关于html5 frameset标签的替代方案实例解析，还有关于html5 frameset标签的两个解决办法，现在让我们一起来看这篇文章吧

相关热词： HTML 标签 HTML5 解决

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/6735.shtml

上一篇：html5draggable属性是如何做到

下一篇：html5页面如何实现点击复制

微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
HTML5 学习总结（四）canvas绘图	canvas与html5实现视频截图成果
html5 canvas常用api总结(二)画图	可以加我的HTML5前端交流群11
HTML5生拖放实例分析	HTML5 和 Flash 区别？
你有认真学习HTML5吗？那么你应	Canvas跨域的解决方案介绍
用canvas实现简单的下雪效果（	刚毕业html5工资一般是多少
HTML5 canvas中如何绘制图像	如何使用HTML5 canvas实现图像的
如何使用HTML5实现多个元素的拖	如何使用HTML5实现拖放单个元素