本篇文章主要的介绍了关于html5 frameset标签的替代方案实例解析，还有关于html5 frameset标签的两个解决办法，现在让我们一起来看这篇文章吧
首先我们先看看html5 frameset标签的替代方案是什么：
页面尽量少用 frameset 不利于被搜索引擎搜索到。
下面是在visual studio中对frameset与frame的警告提示:
警告 验证 (xhtml 1.0 transitional): 不支持元素“frameset”。
警告 验证 (xhtml 1.0 transitional): 不支持元素“frame”。
新的html标准已经不支持frameset与frame元素,替代方式之一是用div配合iframe与css替代frameset元素.iframe根据不同的内容,高宽自适应其实很简单,但是很多人没有解决,其解决方法如下3984fa1a2117e608f1a6b299f9a9f290:
<div id="navigation"><!--其中可以用asp.net中的treeview,menu等菜单控件或者用html的<u><li>标记配合css,配置菜单可以在database中动态读取或者在xml中配置--></div><div id="content"><iframe id="contentiframe" name="content" src="xmldatabinding.aspx" scrolling="no" frameborder="0"onload="this.height=this.contentwindow.document.body.scrollheight+5;this.width=this.contentwindow.document.body.scrollwidth+5;" /></div>
这么使用是在网上看到的比较好的方案之一了。
现在我们介绍下关于frameset标签替代的解决办法：（html5不支持frameset的，所以解决方法有以下两种）
1.使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。
2.使用jquery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。所以更流行的是这种方法：
看看关于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>
上文代码运行效果如下：
以上就是本篇关于html5 frameset标签的替代方案，还有替代后的解决办法实例解析。有问题的可以在下方提问
【小编推荐】
html5 meter标签什么意思？meter标签的用法详解
html中的注释怎么写？html中的注释符号又是什么？（附实例）
以上就是html5 frameset标签的替代方案是什么？frameset标签替代的解决办法的详细内容。