框架-frame

一、frameset 框架级 大于body 现在已经被淘汰

作用：是指定一个框架集，用于组织多个框架和嵌套框架集。

frameset可以把一个主网页分成多个自定义比列的子网页（使用了frameset就不能再 使用body）

（尽量不用，对互联网的搜索引擎优化不友好）

对于后台管理系统，对于对互联网的搜索引擎不支持的，可以用

1、<frameset></frameset> 框架级

可以包含若干个frame

格式：
  	<frameset rows="200,*">
              <frame src="子页面路径.html" />
              <frame src="子页面路径.html" />
      </frameset>
eg:
    <frameset rows="200,*">
            <frame src="./html_nav.html" />
            <frame src="./html_nav2.html" />
    </frameset>

2、基本属性：

frameset 基本属性：

rows="第1行高度，*" 分割两行

cols=“第1列宽度，*” 分割两列

border=“边框宽度”

bordercolor=“边框颜色”

frameborder=“yes/no” 是否显示边框 默认yes

frame 基本属性：

src="子页面路径.html"

noresize="noresize" 边框大小被禁用

name="指定位置名字" 超链接的target=“指定的名字”实现在指定位置刷新页面

scrolling="no" 不显示滚动条

二、iframe 内嵌框架

iframe 创建包含另外一个文档的内联框架(即行内框架)，简而言之，iframe标签是框架的一种形式，一般用来包含别的页面。

现在广泛反应用于管理系统中

1、基本格式

<iframe src=””></iframe>

2、常用属性

src=”路径”

width/height

frameborder=”yes”/”no” 是否显示边框

scrolling = “yes”/”no” 是否显示滚动条

align = “内嵌框架在相邻文档中的位置”

class style id name

3、exptest 内嵌框架的简单的测试

html_iframe简单测试.html

4、用iframe重构frameset的丁字拆分结构

iframe内嵌框架拆分.html

5、使用iframe的优缺点

优点:

1.iframe能够把嵌入的网页原样展现出来；

2.模块分离，便于更改，如果有多个网页引用iframe，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷；

3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，增加代码的可重用；

4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决；

5.重载页面时不需要重载整个页面，只需要重载页面中的一个框架页；

6.方便制作导航栏。

缺点:

1.样式和脚本需要额外链入，调用外部页面,需要额外调用css,增加页面额外的请求次数，增加服务器的http请求；

2.代码复杂，在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面，会影响搜索引擎优化，不利于网站排名；

3.框架结构有时会让人感到迷惑，滚动条除了会挤占有限的页面空间外会使iframe布局混乱，还会分散访问者的注意力，影响用户体验；

4.链接导航疑问。运用框架结构时，必须保证正确配置所有的导航链接，否则，会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架内，这种情况下访问者便被陷住了，因为此时他没有其他地点可去；

5.产生多个页面，不易管理；

6.多数小型的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。

三、延申

target=”_self” 在当前位置刷新

target=”_block” 在新页面刷新

target=”_top” 在顶级框架页面刷新

target=“_parent” 在父级框架页面刷新

target=”指定的名字” 配合<ifame name=”指定名字”> 在指定位置刷新