您好、欢迎来到现金彩票网!
当前位置:dafa888娱乐场 > 浮动 >

一个例子说明网页浮动框架的应用和静态网站使用框架注意事项!

发布时间:2019-07-14 12:31 来源:未知 编辑:admin

  在开发程序时,会经常用到框架,比如说常见的考试管理系统就涉及了浮动框架。今天给大家展示一个简单的例子如何运用浮动框架(独立功能的页面)重新组成一个完整的页面(A页面),在浏览器显示。要实现如下的效果:

  把要实现的页面分为两大部分,一部分是左侧主要是系统管理选项(B页面),另一部分是右侧的查询结果显示(C页面),最后再用用浮动框架把他们嵌入到最后显示页面,便于表达我们就叫它A页面。A页面代码如下:

  上图标红框的位置是框架嵌入的页面,它们分别是A页面左侧(B页面)和A页面的右侧(C页面)。B页面和C页面代码如下:

  浮动框架iframe是一种特殊的框架页面,可以在浏览器窗口嵌套子窗口,在其中显示子页面的内容。语法格式是:

  文件时其他框架文件的文件名或者链接,name是框架的名字,align是指对齐方式(left、right、center、justify),scrolling是框架的滚动条显示有三个值(yes、no、auto),frameborder是浮动框架的边框属性。

  1、在seo中应用了大量的框架结构,会导致搜索引擎的“蜘蛛”程序无法抓取页面,不利于网站seo,所以不建议大规模在静态网页上应用框架结构。

  2、要处理好框架页面出现的滚动条,滚动条太多会影响用户体验,最后得不偿失。

  3、框架不适合复杂效果页面布局(比如说专题页),静态网站还是建议使用div+css布局页面。

  关于“关于HTML中浮动框架的应用”先聊到这。图中是源码一部分,源码私信。每天学习一个知识点,每日寄语”你所有的努力,都有迹可循。”如转载清标明出处,

http://hipertonia.com/fudong/208.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有