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


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的介绍了关于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根据不同的内容,高宽自适应其实很简单,但是很多人没有解决,其解决方法如下<即在onLoad方法中设置其高与宽即可>:

1

2

3

4

5

6

7

8

9

<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方法加载页面,不过这种方法跳转多个页面后,点击浏览器上方的后退前进是无效的,不过可以认为的添加一个返回按钮。所以更流行的是这种方法:

阅读剩余部分

相关阅读 >>

html5实现一个简单的在线画板

html5如何生成验证码

html5中canvas画线有毛边如何解决

html5设置视频背景的方法介绍

怎样用h5的webgl实现3d虚拟机房的漫游动画

vue面试题的介绍(附答案)

html5中设置或返回音视频是否在加载后即开始播放的属性autoplay

canvas如何实现二维码和图片合成的代码

html frameset标签怎么用

html5 videoapi,打造自己的web视频播放器

更多相关阅读请进入《frameset》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...