frame,iframe,frameset用法和区别

合集下载

frame与iframe的区别及基本用法

frame与iframe的区别及基本用法

frame与iframe的区别及基本⽤法frame 和 iframe 的区别 1、frame 不能脱离 frameset 单独使⽤,iframe 可以; 2、frame 不能放到body中,否则将⽆法显⽰; 3、iframe 也可以嵌套在frameset ,但是必须放到body中,不嵌套在frameset 中的iframe 可以随意使⽤; 4、frame 的⾼度只能通过 frameset 控制,iframe 是⾃⼰本⾝控制,不能通过 frameset 设置; 5、iframe 可以放到表格中;frame 的基本⽤法 由于 frame 不能脱离 frameset 单独使⽤,所以写法还是有所不同<!--noresize: 规定⽆法调整框架的⼤⼩frameborder: 规定是否显⽰框架周围的边框 0为⽆边框 1为有marginheight: 定义框架的上⽅和下⽅的边距marginwidth: 定义框架的左侧和右侧的边距noresize: 规定⽆法调整框架的⼤⼩scrolling: 规定是否在框架中显⽰滚动条 yes no autosrc: 规定在框架中显⽰的⽂档的 URL。

--><!--cols: 定义框架集中列的数⽬和尺⼨rows: 定义框架集中⾏的数⽬和尺⼨--><frameset rows="30%,50%"><frame src="frame_one.html" frameborder="0"><frame src="frame_two.html" frameborder="0"></frameset>cols 是竖排显⽰,rows 是横排显⽰。

<frameset cols="30%,50%"></frameset> 中的百分⽐是设置 frame 的尺⼨。

html中的框架frameset和frame及iframe

html中的框架frameset和frame及iframe

html中的框架frameset和frame及iframe通过使⽤框架,你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯。

通过使⽤框架,你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯,简⽽⾔之,就是在⼀个窗⼝中显⽰多个页⾯。

每个页⾯称之为⼀个框架。

并且每个框架独⽴于其他的框架。

使⽤框架的坏处:必须同时跟踪多个框架(⽹页或HTML⽂档),整个页⾯很难打印。

1、框架标签(Frame)简单的三框架页⾯:<frameset cols="25%,50%,25%"><frame src="frame_a.htm"><frame src="frame_b.htm"><frame src="frame_c.htm"></frameset>所有主流浏览器都⽀持 <frame> 标签。

标签定义及使⽤说明<frame> 标签定义 <frameset> 中的⼦窗⼝(框架)。

<frameset> 中的每个 <frame> 都可以设置不同的属性,⽐如 border、scrolling, noresize 等等。

HTML 4.01 与 HTML5之间的差异HTML5 不⽀持 <frame> 标签,HTML 4.01 ⽀持 <frame> 标签。

HTML 与 XHTML 之间的差异在 HTML 中,<frame> 标签没有结束标签。

在 XHTML 中,<frame> 标签必须被正确地关闭。

可选的属性属性值描述HTML5 不⽀持。

规定是否显⽰框架周围的边框。

1URL HTML5 不⽀持。

规定⼀个包含有关框架内容的长描述的页⾯。

pixels HTML5 不⽀持。

规定框架的上⽅和下⽅的边距。

pixels HTML5 不⽀持。

jsp框架frameset和frame的区别和用法(转:zph_0629的日志-网易博客)

jsp框架frameset和frame的区别和用法(转:zph_0629的日志-网易博客)

jsp框架frameset和frame的区别和⽤法(转:zph_0629的⽇志-⽹易博客)【注】可以通过对框架的命名,实现jsp页⾯的target设置⾸先搞清楚框架的两个标签:frameset和frame.1.frameset:声明页⾯是采⽤了框架技术Java代码:<frameset rows="60,*" frameborder="1" border="0" bordercolor="#000FFF" framespacing="1">lt;/frameset>rows="60,*"是把页⾯分为上下两个部分,rows="*,*,*"是把页⾯分成上中下3个部分cols="60,*"是把页⾯分为左右两个部分,以此类推....省略其中⽅法和属性描述2.frame:简单的说framset是页⾯分布的结构,那么frame就是结构中的内容了把页⾯分为上下两个部分,下部分⼜分成左右两个⼩模块组成,代码如下:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>例⼦</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><frameset rows="70,*" cols="*" frameborder="No" border="0"framespacing="1"><framesrc="inc/top.jsp"name="topFrame" scrolling="No" noresize="noresize" id="topFrame"title="topFrame" /><frameset cols="160,*" frameborder="No" border="0" framespacing="1"><framesrc="inc/menu.jsp"src="inc/controlMenu.jsp"name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"title="leftFrame" /><framesrc="exclusiveUpdateCar.jsp"name="mainFrame" noresize="noresize" id="mainFrame" title="mainFrame" /><!--注意id="mainFrame"和 menu.jsp中的target="mainFrame"..看这就明⽩了。

frame标签使用

frame标签使用

frame标签使⽤frame,是⽹页开发必须掌握的知识。

例如后台架构、局部刷新,页⾯分割,都是frame的⽤途表现,尤其是后台页⾯制作,使⽤frame会给⽤户带来⾮常舒适的使⽤感受。

frame知识点包括(frameset标签、frame标签、iframe标签)。

下⾯就对其⼀⼀介绍。

⼀、frameset1. 属性①border设置框架的边框粗细。

②bordercolor设置框架的边框颜⾊。

③frameborder设置是否显⽰框架边框。

设定值只有0、1;0 表⽰不要边框,1 表⽰要显⽰边框。

④cols纵向分割页⾯。

其数值表⽰⽅法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数⽬且数值之间⽤“,”隔开。

“30%”表⽰该框架区域占全部浏览器页⾯区域的30%;“30”表⽰该区域横向宽度为30像素;“*”表⽰该区域占⽤余下页⾯空间。

例如:cols="25%,200,*" 表⽰将页⾯分为三部分,左⾯部分占页⾯30%,中间横向宽度为200像素,页⾯余下的作为右⾯部分。

⑤rows横向分割页⾯。

数值表⽰⽅法与意义与cols相同。

⑥framespacing设置框架与框架间的保留的空⽩距离。

2. ⽤例<frameset cols="213,*" frameborder="no" border="0" framespacing="0">注意1:cols与rows两属性尽量不要同在⼀个<frameset>标签中使⽤。

若要实现下图架构,代码正确写法为:<frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0"><frame src="top.jsp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/><frameset cols="213,*" frameborder="no" border="0" framespacing="0"><frame src="left.jsp" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/><frame src="main.jsp" name="mainFrame" id="mainFrame"/>【即,若想即使⽤cols⼜使⽤rows,可利⽤frameset嵌套实现】注意2:<frameset cols="40%,*,*">意思是:第⼀个框架占整个浏览器窗⼝的40%,剩下的空间平均分配给另外两个框架。

frameset框架用法 html5

frameset框架用法 html5

框架(Frameset)是指在网页中将不同的网页内容放置在不同的框架(或窗口)中,以便于用户可以在同一个页面中同时浏览多个不同的网页内容。

在HTML5中,框架(Frameset)仍然是一种有效的页面布局方式,虽然在某些情况下它并不被推荐使用。

下面将对HTML5中的frameset框架用法进行全面的介绍,包括使用实例、优缺点、适用场景和未来趋势等方面。

一、frameset框架用法介绍1. 什么是frameset框架Frameset框架是一种在网页中创建分割窗口的方式,它允许网页被分割成不同的区域,并在每个区域中加载不同的网页内容。

通常情况下,frameset框架被用于创建多个可以同时滚动的网页区域,以方便用户在一个页面内浏览多个不同的内容。

2. frameset框架的基本结构frameset框架的基本语法结构如下所示:```<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中,使用`<frameset>`标签定义了一个包含了三个不同尺寸的框架的框架集。

每个`<frame>`标签则定义了每个框架中要加载的网页内容。

二、frameset框架用法实例下面通过一个实际的例子来展示frameset框架的用法。

1. 创建一个包含多个框架的网页我们创建一个名为`frameset-example.html`的文件,内容如下:```html<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中,我们使用`<frameset>`和`<frame>`标签创建了一个包含了三个不同尺寸的框架的框架集,并在每个框架中加载不同的网页内容。

frameset用法

frameset用法

frameset用法frameset是HTML中的一个元素,用于创建包含多个框架(frames)的窗口布局。

每个框架可以加载不同的HTML页面或其他类型的内容。

在早期的web开发中,frameset被广泛使用,但随着技术的进步和新的布局方式的出现,它的使用逐渐减少。

使用frameset,可以将一个网页划分为多个独立的窗口,每个窗口可以加载不同的内容。

页面中的每个窗口称为一个frame,使用frame元素来定义每个窗口。

frameset元素用于容纳和管理这些frame窗口。

1. cols:指定水平方向上每个frame的宽度,可以使用固定值(如200px)或者百分比(如50%)来指定。

多个值之间使用逗号分隔,表示不同frame的宽度。

宽度不设定的frame将会自动占满剩余的空间。

2. rows:指定垂直方向上每个frame的高度,用法和cols相同。

例如,下面的代码将页面划分为两个水平方向的框架,顶部框架占据25%的高度,底部框架占据剩余的75%的高度。

```<frameset cols="100%"><frame src="top.html" /><frame src="bottom.html" /></frameset>```frameset可以嵌套,以创建更复杂的布局。

例如,下面的代码将页面划分为两个垂直方向的框架,左侧框架占据25%的宽度,右侧框架占据剩余的75%的宽度。

而左侧框架又被划分为两个水平方向的框架,每个框架占据50%的高度。

```<frameset rows="100%"><frameset cols="25%,75%"><frame src="left_top.html" /><frame src="left_bottom.html" /></frameset><frame src="right.html" /></frameset>```每个frame元素都有一些常用的属性:1. src:指定要加载到frame中的内容的URL。

html网页代码源--frameset用法

html网页代码源--frameset用法

frameset/frame/iframe用法所谓框架便是网页画面分成几个框窗,同时取得多个 URL。

只要 <FRAMESET> <FRAME> 即可,而所有框架标记要放在一个总起的 html 档,这个档案只记录了该框架如何划分,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框窗,每一框窗由一个 <FRAME> 标记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。

如下例:<frameset cols="50%,*"><frame name="hello" src="up2u.html"><frame name="hi" src="me2.html"></frameset>此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。

本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正如其它篇章一样并不会提及网页制作工具,若馈下学会了 HTML 相信你亦不会选用 Composer ,FrontPage 一类的工具了。

■ <FRAMESET> <FRAME> :▲Top<FRAMESET> 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

<FRAMESET> 参数设定:例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">COLS="90,*"垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空间。

详解iframe与frame的区别

详解iframe与frame的区别

详解iframe与frame的区别iframe与frame的区别⼀、使⽤iframe的优缺点优点: 1.程序调⼊静态页⾯⽐较⽅便; 2.页⾯和程序分离;缺点: 1.iframe有不好之处:样式/脚本需要额外链⼊,会增加请求。

另外⽤js防盗链只防得了⼩偷,防不了⼤盗。

2.iframe好在能够把原先的⽹页全部原封不动显⽰下来,但是如果⽤在⾸页,是搜索引擎最讨厌的.那么你的⽹站即使做的在好,也排不到好的名次!如果是动态⽹页,⽤include还好点!但是必须要去除他的<html><head><title><body>标签! 3.框架结构有时会让⼈感到迷惑,特别是在多个框架中都出现上下、左右滚动条的时候。

这些滚动条除了会挤占已经特别有限的页⾯空间外,还会分散访问者的留⼼⼒。

访问者遇到这种站点往往会⽴刻转⾝离开。

他们会想,既然你的主页如此混乱,那么站点的其他部分也许更不值得阅读。

(这⾥⾯本⼈的观点就是⼦框架不要出现滚动条,窗⼝的滚动条只能有由主页⾯来控制) 4.链接导航疑问。

运⽤框架结构时,你必须保证正确配置所有的导航链接,如不然,会给访问者带来很⼤的⿇烦。

⽐如被链接的页⾯出现在导航框架内,这种情况下访问者便被陷住了,因为此时他没有其他地点可去。

5.调⽤外部页⾯,需要额外调⽤css,给页⾯带来额外的请求次数;⼆、为什么少⽤iframe iframes 提供了⼀个简单的⽅式把⼀个⽹站的内容嵌⼊到另⼀个⽹站中。

但我们需要慎重的使⽤iframe。

iframe的创建⽐其它包括scripts 和css的 DOM 元素的创建慢了 1-2 个数量级。

使⽤ iframe 的页⾯⼀般不会包含太多 iframe,所以创建 DOM 节点所花费的时间不会占很⼤的⽐重。

但带来⼀些其它的问题:onload事件以及连接池(connection pool)。

1.Iframes 阻塞页⾯加载 及时触发 window 的 onload 事件是⾮常重要的。

Frameset用法

Frameset用法

frame作为html语言中的一部分,在网页制作中占据着重要的地位。

大家看到很多网页上都好像windows下的资源管理器一样,在左边点击相应的链接,右边就会有相应的网页显示。

就如我们进入邮箱的时候一样。

这些都是使用frame的结果。

下面我来给大家介绍frame的具体使用方法。

使用frame必须首先用frameset来定义,可以说frameset就是frame的一个“统治者”。

在html文档中,可以有frameset元素或者body元素,但是绝对不能同时使用这两种元素。

frameset元素的使用:(1) <html>(2) <head><title>frameset元素的使用</title></head>(3) <frameset>(4) <frame>(5) <frame>(6) </frameset>(7) </html>当然了,这个html文档在浏览器上什么也显示不出来。

只是告诉大家最基本的frameset及frame的使用方法。

frameset是确定网页分框的定义,其属性rols及rows、border将在下面给大家介绍。

frame是frameset定义的每个“网页分框”的定义,其属性name、scrolling及noresize、marginHeight及marginWidth、frameborder也将在下面给大家介绍。

frameset元素的cols及rows属性属性说明:cols及rows的作用是设置frame的宽度及高度(1) <html>(2) <head><title>frameset元素中cols及rows属性的使用</title></head>(3) <frameset cols="20%,200,*">(4) <frame>(5) <frameset rows="30%,*">(6) <frame>(7) <frame>(8) </frameset>(9) <frame>(10) <frame>(11) </frameset>(12) </html>示例说明:第三行中的语句cols="20%,400,*" 定义了浏览器中frame的“列数”。

pre , fieldset , frameset,iframe与frame的区别.

pre , fieldset , frameset,iframe与frame的区别.

(1) <pre> 原样显示里面写什么,显示的就是什么,会保留里面的空格和分行(2)<fieldset> 在字段集包含的文本和其它元素外面画一个框<legend>在fieldset对象绘制方框。

例:<fieldset style="width:300; height:200"><legend>请填入注册信息</legend>用户名:<input type="text" name="username"/><br>密码:<input type="password" name="password"/><br><input type="submit" value="提交" /><fieldset/>使用fieldset 来圈定一段信息。

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到<fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为fieldset 元素定义标题。

<form><fieldset><legend>health information</legend>height: <input type="text" />weight: <input type="text" /></fieldset></form>(3)框架:可以将屏幕分割成不同的区域,每个区域都有自己的url例:frameset.html<frameset cols="70,*"><frame src="toc.html"><frame src="pref.html" name="view_frame"></frameset>Pref.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>pref.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head><body>This is my pref HTML page. <br></body></html>Toc.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>toc.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head><body><h3>Table of Contents</h3><ul><li><a href="A.html" target="view_frame">A.html</a></li><li><a href="chap1.html" target="view_frame">Chapter 1</a></li><li><a href="chap2.html" target="view_frame">Chapter 2</a></li><li><a href="chap3.html" target="view_frame">Chapter 3</a></li></ul></body></html>效果:当点击A.html时,会在框架的右面显示,A.html页面。

FrameSet、Frame、iFrame的区别和联系

FrameSet、Frame、iFrame的区别和联系
Cols
设置同Row
Frame:
<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1" marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2" bordercolor="#cc0000">
<FRAME src="inc/admin_left.htm" name=left scrolling=no id="left">
<FRAME src="inc/admin_center.htm" name=main scrolling="no">
</FRAMESET>
在上面的例子当中,<Frameset></Frameset>把页面分为左右两个部分,左侧框架中的页面是admin_left.htm,右侧框架中的页面是admin_center.htm。
FrameSet:
Frameset用来划分框架,每一个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用,代码如下:
<FRAMESET border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>

frameset 用法

frameset 用法

frameset 用法摘要:1.框架集(frameset)的定义和作用2.frameset 的基本语法3.frameset 的属性a.rowsb.colsc.frameborderd.noResizee.scrollingf.marginwidthg.marginheight4.frameset 的嵌套使用5.框架集(frameset)与iframe 的区别6.frameset 的应用场景和注意事项正文:框架集(frameset)是HTML 语言中的一种布局方式,主要用于在网页中创建多列或多行的布局。

它能够将页面分割成多个独立的区域,每个区域可以显示不同的网页内容,也可以通过设置不同的属性来控制框架的显示效果。

要创建一个框架集,我们需要使用frameset 标签,其基本语法如下:```<frameset><frame><src>网页链接地址</src><name>框架名称</name><scrolling>是否允许滚动</scrolling><noresize>是否禁止调整大小</noresize><marginwidth>框架边框宽度</marginwidth><marginheight>框架边框高度</marginheight></frame><!-- 可以添加多个框架--></frameset>```在frameset 标签中,我们可以设置一些属性来控制框架的显示效果,例如:- rows:定义框架集的行数和高度。

例如:`<framesetrows="100,*">`,表示将页面分割成两行,第一行高度为100 像素,第二行高度为剩余高度。

- cols:定义框架集的列数和宽度。

frame,iframe,frameset用法和区别

frame,iframe,frameset用法和区别

Frameset 、frame、 iframe 的用法和区别 、1.框架概念 . 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。

只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框 架如何划分,不会显示任何资料,所以不必放入<BODY>标记,框架在<body>标记中不会 显示。

浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框 窗,每一框窗由一个<FRAME>标记所标示,<FRAME>必须在<FRAMESET>范围中使用。

如下例: <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset> 此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则 会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的 次序。

2 。

<FRAMESET> <FRAMESET> 称框架标记,用以宣告 HTML 文件为框架模式,并设定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

重要事项:您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。

不过, 如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中! 属性 cols 值 pixels % * pixels % * 0,1 描述 定义框架集中列的数目和尺寸。

frameset用法

frameset用法

frameset用法frameset是一种用于创建网页分区的HTML元素。

它可以将一个网页分成多个框架,每个框架可以包含不同的内容。

frameset的使用方法如下:1. 首先,在HTML文档的<head>标签中,添加以下meta标签:```html<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />```这将设置网页的字符集为UTF-8,以确保正确显示中文字符。

2. 然后,在HTML文档的<body>标签中,添加以下frameset元素:```html<frameset cols="50%,50%">```这将把网页分成左右两个相等的框架。

cols属性中的百分比值表示每个框架的宽度占比。

3. 在frameset元素内部,添加以下frame元素:```html<frame src="" /><frame src="" />```这将为每个框架添加一个对应的HTML页面。

src属性指定了每个框架要加载的页面地址。

4. 可以在frame元素中使用其他的HTML元素和标记来添加所需的内容和样式。

5. 如果需要添加更多的框架,可以在frameset元素中继续添加frame元素,并使用cols属性指定每个框架的宽度占比。

例如:```html<frameset cols="30%,40%,30%"><frame src="" /><frame src="" /><frame src="" /></frameset>```这将把网页分成三个框架,第一个框架占30%宽度,第二个框架占40%宽度,第三个框架占30%宽度。

frame标签的用法

frame标签的用法

frame标签的用法一、概述frame标签是HTML中的一个非常重要的标签,它可以将一个HTML 文档分割成多个窗口,每个窗口可以显示不同的内容。

frame标签通常与frameset标签一起使用,frameset标签用于定义窗口的布局和大小,而frame标签则用于指定每个窗口所要显示的内容。

二、基本语法<frameset cols="*,*"><frame src="frame1.html"><frame src="frame2.html"></frameset>三、属性解析1. src:指定要在窗口中显示的文档地址。

2. name:指定窗口的名称。

3. scrolling:指定是否显示滚动条。

4. frameborder:指定是否显示边框。

5. marginwidth和marginheight:指定窗口与其周围边界之间的空白距离。

四、示例代码<!DOCTYPE html><html><head><title>Frame Example</title></head><body><frameset cols="25%,75%"><frame src="menu.html" name="menu"scrolling="auto" frameborder="1" marginwidth="10" marginheight="10"><frame src="content.html" name="content" scrolling="auto" frameborder="1" marginwidth="10" marginheight="10"></frameset></body></html>五、注意事项1. frame标签必须在frameset标签内使用,否则会被忽略。

frameset 用法

frameset 用法

frameset 用法【原创版】目录1.frameset 简介2.frameset 的基本语法3.frameset 的属性4.frameset 的嵌套5.frameset 的实例正文1.frameset 简介frameset 是 HTML 中的一个元素,用于创建网页的框架,可以将网页分为多个区域,从而实现复杂的页面布局。

frameset 元素可以包含其他 HTML 元素,如文本、图片、链接等,也可以包含其他 frameset 元素,实现嵌套的框架结构。

2.frameset 的基本语法frameset 元素的基本语法如下:```html<frameset><frame>内容 1</frame><frame>内容 2</frame><!-- 更多的 frame 元素 --></frameset>```其中,frameset 元素包含一个或多个 frame 元素,每个 frame 元素包含一个页面的完整内容。

3.frameset 的属性frameset 元素有多个属性,可以控制框架的布局和样式,以下是一些常用的属性:- cols:规定框架中列的数量。

- row:规定框架中行的数量。

- frameborder:规定框架边框的宽度。

- border:规定框架边框的样式。

- scroll:规定框架是否显示滚动条。

例如:```html<frameset cols="2,1" row="2"><frame src="page1.html" frameborder="1">内容 1</frame> <frame src="page2.html" frameborder="1">内容 2</frame> <frame src="page3.html" frameborder="1">内容 3</frame> </frameset>```上述代码创建了一个 2 行 3 列的框架,每个框架的边框宽度为 1,并且内容 1、内容 2、内容 3 分别从不同的页面加载。

iframe和frame的区别,div和frame的区别

iframe和frame的区别,div和frame的区别

iframe和frame的区别,div和frame的区别iframe 和 frame的区别,div和frame的区别博客分类:iframe 和 frame的区别框架和iframe的应用领域不同。

框架一般应用于首页的界面排版工作。

把一个网页切割成多个页面管理。

iframe就是在一个网页中内嵌一个网页,为什么要嵌入那就要具体问题具体分析了。

有可能是为了界面排版,也有可能是显示数据... ...frame文件一般只包含框架的布局信息,不会包含其他内容,所有的页面效果都是在各个frameset页面内显示。

他们都从属于frame文件,彼此之间是独立的(平级的)而iframe其实就是内嵌的框架,是在一个网页(经常是有内容的)内嵌套另外一个页面的内容用的,他们之间的关系是父子的关系iframe的优点和缺点?请大家进来讨论一下好吗对了与frame相比呢??优缺点在哪?IFrame 是 SEO 的大忌,需要更有效的利用 IFrame。

IFrame 优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本IFrame 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义个人理解为:frame需要框架页和子页,在使用frame是,框架页只是定义框架的结构,不显示内容。

iframe只是在页面上内嵌一个子页。

父页中可以包括内容。

优缺点在于frame对各个子页的功能区分比iframe中的子页的功能要明确很多,结构性好。

iframe不需要另外的页面来定义框架结构,灵活性高。

我基本同样楼上的说法。

IFRAME有个缺点是低版本的浏览器不支持,好像IE5.0就不行<!-- google_ad_section_start -->用DIV可以将网页分成若干的层,起到布局的作用。

但是用FRAME也可以在一个页面内创建不同的帧。

看上去似乎也有布局的作用。

用DIV可以将网页分成若干的层,起到布局的作用。

但是用FRAME也可以在一个页面内创建不同的帧。

frameset用法

frameset用法

frameset用法在HTML中,`<frameset>`元素用于创建一个包含多个嵌入的HTML文档的窗口布局。

它定义了包含这些文档的行或列的框架集。

以下是`<frameset>`元素的用法:1. `<frameset>`元素必须是HTML文档中的顶级元素,即它是`<html>`元素的直接子元素。

2. `<frameset>`元素可以包含一个或多个`<frame>`或`<frameset>`元素作为其子元素,用于定义窗口布局。

3. 使用`rows`属性或`cols`属性来定义行或列的大小。

`rows`属性定义每一行的高度,以逗号分隔多个值;`cols`属性定义每一列的宽度,以逗号分隔多个值。

4. `<frame>`元素用于定义一个嵌入的HTML文档的包含框架。

可以使用`src`属性指定要显示在框架中的文档的URL。

5. `<frameset>`元素可以包含一个`<noframes>`元素,用于在不支持框架的浏览器中显示备用内容。

6. 可以在`<frameset>`元素上使用各种事件和样式来控制和定制框架集的行为和外观。

下面是一个示例,展示了`<frameset>`元素的用法:```html<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25%,75%"><frame src="menu.html" name="menu"><frameset rows="50%,50%"><frame src="content1.html" name="content1"><frame src="content2.html" name="content2"></frameset></frameset><noframes><body><p>This page requires a browser that supports frames.</p> </body></noframes></html>```这个示例将窗口分为两列,菜单占据左侧25%,内容占据右侧75%。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

<FRAMESET> <FRAME><NOFRAMES><IFRAME>欲明白本篇【HTML剖析】之标记分类请看【标记一览】。

亦请先明白围堵标记与空标记的分别请看【HTML概念】。

■框架概念:所谓框架便是网页画面分成几个框窗,同时取得多个 URL。

只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何划分,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框窗,每一框窗由一个 <FRAME> 标记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。

如下例:<frameset cols="50%,*"><frame name="hello" src="up2u.html"><frame name="hi" src="me2.html"></frameset>此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。

本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正如其它篇章一样并不会提及网页制作工具,若阁下学会了 HTML 相信你亦不会选用 Composer , FrontPage 一类的工具了。

■ <FRAMESET> <FRAME>:<FRAMESET> 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

<FRAMESET> 参数设定:例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">COLS="90,*"垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空间。

数值的个数代表分成的视窗数目且以逗号分隔。

例如COLS="30,*,50%" 可以切成叁个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第叁个视窗後剩下的空间,第叁个视窗则占整个画面的50% 宽度为一相对分割。

您可自己调整数字。

ROWS="120,*"就是横向切割,将画面上下分开,数值设定同上。

唯 COLS 与 ROWS 两参数尽量不要同在一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类形的框架,尽采用多重分割。

frameborder="0"设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。

(避免使用 yes 或 no )border="0"设定框架的边框厚度,以 pixels 为单位。

bordercolor="#008000"设定框架的边框颜色。

颜色值请参考【调色原理】。

framespacing="5"表示框架与框架间的保留空白的距离。

<FRAME> 参数设定:例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">SRC="a.html"设定此框窗中要显示的网页档案名称,每个框窗一定要对应着一个网页档案。

你可使用绝对路径或相对路径,有关此两者详见於【连结进阶】。

NAME="top"设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。

frameborder=0设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。

(避免使用 yes 或 no )framespacing="6"表示框架与框架间的保留空白的距离。

bordercolor="#008000"设定框架的边框颜色。

颜色值请参考【HTML 剖析】。

scrolling="Auto"设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示, AUTO 是视情况显示。

noresize设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随意地拉动框架,改变其大小。

marginhight=5表示框架高度部份边缘所保留的空间。

marginwidth=5表示框架宽度部份边缘所保留的空间。

以下是一些例子:(与 Composer 教室的【运用框架】相同)例子 HTML Code<frameset rows="80,*"><frame name="top" src="a.html"><frame name="bottom" src="b.html"></frameset>例子 HTML Code<frameset rows="80,*,80"><frame name="top" src="a.html"><frame name="middle" src="b.html"><frame name="bottom" src="c.html"></frameset>例子 HTML Code<frameset cols="150,*"><frameset rows="80,*"><frame name="upper_left" src="a.html"><frame name="lower_left" src="b.html"></frameset><frame name="right" src="c.html"></frameset>例子 HTML Code<frameset rows="80,*"><frame name="top" src="a.html"><frameset cols="150,*"><frame name="lower_left" src="b.html"><frame name="lower_right" src="c.html"></frameset></frameset>例子 HTML Code<frameset cols="150,*"><frame name="left" src="a.html"><frameset rows="80,*"><frame name="upper_right" src="b.html"><frame name="lower_right" src="c.html"></frameset></frameset>■ <NOFRAMES>:当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。

为了避免这种情况,可使用 <NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看到 <NOFRAMES> 与 </NOFRAMES> 之间的内容,而不是一片空白。

这些内容可以是提醒浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本亦可。

应用方法:在<frameset> 标记范围加入 </NOFRAMES> 标记,以下是一个例子:<frameset rows="80,*"><noframes><body>很抱歉,阁下使用的浏览器不支援框架功能,请转用新的浏览器。

</body></noframes><frame name="top" src="a.html"><frame name="bottom" src="b.html"></frameset>若浏览器支援框架,那麽它不会理会 <noframes> 中的东西,但若浏览器不支援框架,由於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 <noframes>范围内的文字会被显示。

■ <IFRAME>:这标记只适用於 IE(comet:也使用于FireFox)。

相关文档
最新文档