html代替frame属性,html5frameset标签的替代⽅案是什
么?framese。。。
本篇⽂章主要的介绍了关于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根据不同的内容,⾼宽⾃适应其实很简单,但是很多⼈没有解决,其解决⽅法如下:
οnlοad="this.tWindow.document.body.scrollHeight+5;this.tWindow.document
.body.scrollWidth+5;" />
这么使⽤是在⽹上看到的⽐较好的⽅案之⼀了。
现在我们介绍下关于frameset标签替代的解决办法:(html5不⽀持frameset的,所以解决⽅法有以下两种)
1.使⽤iframe,但是⽬前使⽤iframe的⼈已经越来越少了,⽽且iframe在不同浏览器之间还有不兼容的情况。
2.使⽤jQuery的onload⽅法加载页⾯,不过这种⽅法跳转多个页⾯后,点击浏览器上⽅的后退前进是⽆效的,不过可以认为的添加⼀个返回按钮。所以更流⾏的是这种⽅法:
看看关于frameset标签的代码实例说明:
div+css实现frameset效果
.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;}jquery是什么有什么作用
.content{padding:0 10px;}
顶部
边栏
内容
上⽂代码运⾏效果如下:
以上就是本篇关于HTML5 frameset标签的替代⽅案,还有替代后的解决办法实例解析。有问题的可以在下⽅提问【⼩编推荐】
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论