零基础学习HTML之html框架内嵌框架和head头信息设置

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="内容介绍" />