HTML 框架
框架的作用就是把浏览器窗口划分成多个子窗口。
每个子窗口可以载入各自的HTML文档。
框架(frameset)与页面主体body是同级的关系
1.框架的整体结构
<frameset rows="高度"> ~ </frameset>
<frameset cols="宽度"> ~ </frameset>
<frame src="http://www.haook.cn" name="框架名称">
<noframes> ~ </noframes>
属性属性值说明
rowspx , %上下分割窗口
colspx , % 左右分割窗口
srcurl指定要载入到框架的页面地址
name指定框架名称
例 1：上中下分割框架
<frameset rows="高度A,高度B,高度C">
<frame src="1.html" />
<frame src="2.html" />
<frame src="3.html" />
</frameset>
例 2：左右分割框架
<frameset cols="宽度A, 宽度B, 宽度C">
<frame src="1.html" />
<frame src="2.html" />
<frame src="3.html" />
</frameset>
例 3：
<frameset rows="高度A,高度B">
<frame src="top.html" />
<frameset cols="宽度A,宽度B">
<frame src="menu.html" />
<frame src="main.html" />
</frameset>
</frameset>
2.设置框架的显示方式
<frame scrolling="yes" noresize />
<frame marginwidth="左右缩进" marginheight="上下缩进" />
属性属性值说明
scrolling yes、no、auto是否显示滚动条
noresize 禁止改变框架的尺寸大小
marginwidthpx框架内左右的空白区域
marginheightpx框架内上下的空白区域
frameborder1, 0是否显示边框
framespacing0框架与框架之间的空白
border0 边框
3. <iframe> 内嵌框架
<iframe src="URL" name="框架名"> ~ </iframe>
属性属性值说明
widthpx , %指定框架的宽度
heightpx , % 指定框架的高度
scrollingyes,no,auto是否显示滚动条
frameborder1, 0是否显示边框
head 头信息
1.设置页面标题
<title> ~ </title>
2. 设置页面编码
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
utf-8 多国语言编码
gb2312 中文简体编码
3. 设置页面关键字，内容介绍
<meta name="keywords" content="关键字1，关键字2，…" />
<meta name="description" content="内容介绍" />