★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > HTML学习 > 正文

Html中的Frame详解

网络 2009/8/25 9:32:04 深山行者 字体:  浏览 11913 我要评论
当前标签
Frame框架

架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。

一,基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。

(一),<Frameset>标签

该标签是框架设计标签,成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的内容。

<Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。<Frameset>标签有两个属性。rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗口的高度(宽度)。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下:

(1)数字。表示子窗口高度(宽度)所占的像素点数。

(2)百分数。表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。

(3)符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。例如:

<Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。

(二),<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配,依次定义各个窗口的性质。<frame>标签有7个属性,除SRC属性是不可缺省的外,其他属性都是可选的。

(1)SRC属性。用以定义子窗口的名称。

(2).name属性。用于定义子窗口的名称。

(3)frameboder属性。该属性的参数值为1或0。当参数值为1时,表示该子窗口有边框,为0时没有边框。该属性缺省值为1。

(4)bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的边框颜色,则以第一次指定的颜色为标准。在指定边框颜色时,可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。


(5)sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时,浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto.

(6)maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离;maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。

(三),<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。

相关阅读
( 2010/5/3 17:29:39 )在iframe窗口中打开链接
( 2010/4/1 9:07:17 )网页小键盘/软键盘
( 2009/12/22 14:07:41 )购物网上图片放大效果
( 2009/12/22 14:07:40 )告诉你一些GOOGLE搜索你不知道的东西
( 2009/12/22 14:07:38 )代码绝对精简的仿lightbox效果弹出层
( 2009/12/22 14:07:34 )iframe框架自适应高度代码
( 2009/9/4 8:34:05 )超级实用且不花哨的js代码大全( 8 )
( 2009/9/4 8:31:08 )超级实用且不花哨的js代码大全( 7 )
共有0条关于《Html中的Frame详解》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法
jquery动态生成的html代码中无法使用jquery事件的解决方法
国内网站常用的一些 CDN 静态资源公共库加速服务
ios苹果版手机微信内置浏览器$(document).on(
最新县及县以上1980年以来历史行政区划代码大全截止2018年3月31日
页面里面的js和css的放的位置顺序与加载速度分析
Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误
Dreamweaver错误:以下翻译器没有被装载,由于错误;xsltransform.htm;有不正确的设置信息
更多>>最新添加文章
网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法
ASP利用fso读取文件夹里所有文件的名字
jquery动态生成的html代码中无法使用jquery事件的解决方法
asp实现获得当前文章的上一篇信息与下一篇信息功能及代码
asp导出内容到excel表并自定义命名后下载(非打开)
'禁止站外提交页面和数据
asp将中文汉字字符转为unicode编码(\u编码)与把unicode编码转为汉字
asp中qequest读取优先级顺序(通过优化之后提高速度)
更多>>随机抽取信息
CSS教程:弄懂闭合浮动元素
div+css黑色焦点图(幻灯片效果非常 不错)
一个利用radio单选选择框进行变色的网页效果
Javascript JS 限制复选框的选择个数
cookies
利用position把div放在flash上
利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)
这个超级强的div+css图片大小自适应
11