摘要 腾兴网为您分享:html5 frameset标签的替代方案是什么,优酷,校讯通,小米手环,我的世界等软件知识,以及亚马逊手机端,帮5淘,安全一点通,安信证券软件,微信骰子表情包gif,兄弟7060d,蝙蝠侠阿甘骑士补丁,qq浏览器广告,e8票据打印软件,萝卜团,论文去重,摩托车驾考宝典,畅通驾校,2345杀毒软件,大连皮肤医院等软件it资讯,欢迎关注腾兴网。本篇文章主要的介绍了关于html5 frameset标签的替代方案实例解析,还有关于html5 frameset标签的两个解决办法,现在让我们一起来看这篇文章吧 首先我们先看看html5 frameset标签的替代方案是...

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

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

现在我们介绍下关于frameset标签替代的解决办法:(html5不支持frameset的,所以解决方法有以下两种)

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

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

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

br css实现frameset效果

顶部


边栏

内容

上文代码运行效果如下:

相关推荐

html5实现frame效果,html5 frameset标签的替代方案是什么相关推荐

  1. html5 相册翻转效果,HTML5 css3:3D旋转木马效果相册

    这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到,就是perspective和tranlateY 效果 ...

  2. html5刮奖效果,HTML5+Canvas实战之刮奖效果

    项目描述 HTML5+Canvas实战之刮奖效果,实现网页上刮奖,可以用作验证码: 可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new L ...

  3. html5 星空扩散效果,HTML5 canvas实现炫酷旋转银河系星空背景特效解析

    简要教程 这是一款html5 canvas炫酷旋转银河系星空背景特效.该特效通过canvas来绘制银河系星盘,并制作星系旋转的效果,非常炫酷. 使用方法 HTML结构 该旋转银河系星空背景特效的HTM ...

  4. html5刮奖效果,HTML5 Canvas实战之刮奖效果

    近年来由于移动设备对HTML5的较好支持,经常有活动用刮奖的效果,最近也在看H5方面的内容,就自己实现了一个,现分享出来跟大家交流. 1.效果 2.原理 原理很简单,就是在刮奖区添加两个canvas, ...

  5. html5背景切换效果,html5 游戏背景切换

    游戏的背景图可以是只有一个(很长很长),也可以是分开有几个相同大小的小图. 这里写两个小例子,第一个是单次移动一张很长很长的背景图: /p> "http://www.w3.org/TR ...

  6. html5刮彩效果,HTML5 Canvas炫酷彩虹色波浪线动画特效代码

    效果图 JS源码 var c = document.querySelector('.c') , w , h , ctx = c.getContext('2d') , x0, y0, x, y, t = ...

  7. html5 光线流光效果,HTML5 CANVAS 漂亮的流光线性花形图案动画

    JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var hc = { worlds: [], startTime: null, anim: null, su ...

  8. html5 css3雪花效果,HTML5 | CSS3水晶皇冠雪花形状

    CSS 语言: CSSSCSS 确定 *, *:after, *:before { box-sizing: border-box; } html, body { width: 100%; height ...

  9. html5 jq图片效果,HTML5 jQuery可左右滑动拖拉的照片处理前后对比界面

    CSS 语言: CSSSCSS 确定 /*CLEARFIX*/ body{margin: 0;} .clearfix:after { content: "."; display: ...

最新文章

  1. python在线读-文档编辑工具Markdown
  2. android intent短信,android – 通过Intent发送短信,并知道短信是否已被发送
  3. MVC中session创建并获取问题
  4. typescript-koa-postgresql 实现一个简单的rest风格服务器 —— 连接 postgresql 数据库...
  5. php 字符串 字典序序排序,C++ 怎么实现字典序排序法,自然排序
  6. 用unison来同步你的远程文件夹 - Fwolf's Blog
  7. Node.js -- Stream 使用小例 ( 流运用 :读取、写入、写出、拷贝)
  8. 堪称暴力美学的可视化大屏是怎么做的?附无代码硬核教程
  9. HTML5 API详解(7):link prefetch提升加载速度,优化体验
  10. Spring4.x(12)--SpringEL-HelloWorld
  11. 60-170-040-使用-Time-Flink时间系统系列之实例讲解-如何做定时输出
  12. 关于Microsoft Edge主页被360劫持
  13. python深度学习基于pytorch——arange、linspace 函数生成数组
  14. iis php前景,IIS下PHP的ISAPI和FastCGI比较
  15. 中国有哪些python比赛_有哪些大学生值得参与的竞赛?
  16. PRCV2018美图短视频实时分类挑战赛落幕,第一名解决方案技术解读
  17. hunnu 10246 最大间隙问题 桶排序+抽屉原理
  18. sample函数—R语言
  19. JlinkV9 修复相关
  20. 对抗生成网络(GAN)简介及生成数字实战

热门文章

  1. font-family设置
  2. python制作的简单的猜数小游戏
  3. 这是我的第一个学Python的博客
  4. java 获取服务器信息
  5. 我是如何用知能行秒杀考研数学的
  6. 记账本设置密码,账目不被修改
  7. SAP 屠夫解析物料主数据[转]
  8. 考研数据结构学习笔记.树的常考性质
  9. [Samba] Linux(Centos)samba服务安装,Samba文件共享及Samba配置详解
  10. 今日芯声 | 雷军小米十周年演讲官宣:一碗滚烫的小米粥,开启了沸腾的十年...