May 10, 2016

HTML之Frame

一、框架概述

【what】将多个网页组合显示在同一个网页中的标签
【why】组合网页、实现网页复用、实现目录结构
【where】系统后台管理、帮助文档、顶部和底部网页复用等
【种类】

  • 框架集 frameset
  • 内嵌框架 iframe

二、框架集

【语法】

<frameset cols=" , " border="" bordercolor="">
    <frame src="HTML页面地址" name="框架名" scrolling="" noresize />
</frameset>

【属性】

  • frameset
属性名作用
cols按列分割
rows按行分割
border框架集边框大小
bordercolor边框颜色
- frame:
属性名作用
srcHTML页面地址
name框架名
scrolling是否显示滚动条 yes | no
noresize是否允许调整框架窗口大小
  1. 组合形式 - 按行组合 rows=","
  • 按列组合 cols=","
  • 行列混合 嵌套实现
  1. 框架外观属性
属性名作用
scrolling是否有滚动条
noresize是否允许调整大小
border是否显示边框
bordercolor边框颜色
3. 框架内的链接在什么地方打开:targer
属性的值作用
_self自身窗口
_blank新窗口
_top顶级窗口
_parent父窗口

三、内嵌框架

【where】引用其他网页，为网页添加统一的顶部导航和底部版权（复用）
【语法】

<iframe src="" name="" frameborder="" width="" height="" scrolling="" >
</iframe>

【属性】

属性名作用
srcHTML页面地址
name框架名
scrolling是否显示滚动条 yes | no
frameborder边框大小