frame,iframe,frameset用法和区别
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⽂档),整个页⾯很难打印。
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页⾯的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知识点包括(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框架用法进行全面的介绍,包括使用实例、优缺点、适用场景和未来趋势等方面。
一、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是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用法
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的优缺点优点: 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用法
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的区别.
(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的区别和联系
设置同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 用法摘要: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用法和区别
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是一种用于创建网页分区的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标签是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 用法【原创版】目录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的区别框架和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用法在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、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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)。