车牌尾数000是灵车吗:frame,iframe,frameset之间的关系与区别

来源:百度文库 编辑:偶看新闻 时间:2024/05/21 06:25:29
■ 框架概念
所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例:

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

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



称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。
则只是设定某一个框窗内的参数属性。
参数设定:
例子:

COLS="90,*"
垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如COLS="30,*,50%" 可以 切成叁个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当 分配完第一及第叁个视窗後剩下的空间,第叁个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。
ROWS="120,*"
就是横向切割,将画面上下分开,数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 标记中,因 Netacape 偶然不能显示这类形的框架,尽 采用多重分割。
frameborder="0"
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no )
border="0"
设定框架的边框厚度,以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【调色原理】。
framespacing="5"
表示框架与框架间的保留空白的距离。
参数设定:
例子:

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

< frame name="top" src="a.html">
< frame name="bottom" src="b.html">
< /frameset>

例子 HTML Code

< frame name="top" src="a.html">
< frame name="middle" src="b.html">
< frame name="bottom" src="c.html">
< /frameset>

例子 HTML Code

< 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

< 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

< 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>


</strong> : <br>当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免 这种情况,可使用 <NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看到 <NOFRAMES> 与 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。
应用方法:
在 标记范围加入 标记,以下是一个例子:


< noframes>
< body>
很抱歉,阁下使用的浏览器不支援框架功能,请转用新的浏览器。
< /body>
< /noframes>
< frame name="top" src="a.html">
< frame name="bottom" src="b.html">
< /frameset>
若浏览器支援框架,那麽它不会理会 中的东西,但若浏览器不支援框架,由 於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 <noframes>范围内的文字会被显示。 <br><br><strong>■ <IFRAME></strong> : <br><br>这标记只适用於 IE(comet:也使用于FireFox)。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围着的字句只有在浏览器不支援 iframe 标记时才会显示,如<noframes> 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 JavaScript 会较好,若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。PS:一定要使用</iframe>关闭,否则后面的内容显示不出来。<br><iframe> 的参数设定如下: <br>例子: <iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"></iframe><br><br>src="iframe.html" <br>欲显示於此框窗的文件来源除档案名称,必要加上相对或绝对路径。 <br>name="test" <br>此框窗名称,这是连结标记的 target 参数所需要的, <br>align="center" <br>可选值为 left, right, top, middle, bottom,作用不大 <br>width="300" height="100" <br>框窗的宽及长,以 pixels 为单位。 <br>marginwidth="1" marginheight="1" <br>该插入的文件与框边所保留的空间。 <br>frameborder="1" <br>使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no) <br>scrolling="Yes" <br>使用 Yes 表示容许卷动(内定), No 则不容许卷动<br><br>frame和iframe的区别<br>1、frame不能脱离frameSet单独使用,iframe可以;<br>2、frame不能放在body中;如下可以正常显示:<br><mip-img s='max-width:300px;' id="img0" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--<body>--><br><mip-img s='max-width:300px;' id="img1" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><framesetrows="50%,*"><br><mip-img s='max-width:300px;' id="img2" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><framename="frame1"src="test1.htm"/><br><mip-img s='max-width:300px;' id="img3" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><framename="frame2"src="test2.htm"/><br><mip-img s='max-width:300px;' id="img4" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></frameset><br><mip-img s='max-width:300px;' id="img5" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--<body>--><br><br>如下不能正常显示:<br><mip-img s='max-width:300px;' id="img6" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><body><br><mip-img s='max-width:300px;' id="img7" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frameset rows="50%,*"><br><mip-img s='max-width:300px;' id="img8" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frame name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img9" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <frame name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img10" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></frameset> <br><mip-img s='max-width:300px;' id="img11" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><body><br><br>3、嵌套在frameSet中的iframe必需放在body中;如下可以正常显示:<br><mip-img s='max-width:300px;' id="img12" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <body><br><mip-img s='max-width:300px;' id="img13" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frameset> <br><mip-img s='max-width:300px;' id="img14" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img15" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img16" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> </frameset> <br><mip-img s='max-width:300px;' id="img17" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> </body><br><br>如下不能正常显示:<br><mip-img s='max-width:300px;' id="img18" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <!--<body>--><br><mip-img s='max-width:300px;' id="img19" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frameset> <br><mip-img s='max-width:300px;' id="img20" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img21" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img22" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> </frameset> <br><mip-img s='max-width:300px;' id="img23" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <!--</body>--><br><br>4、不嵌套在frameSet中的iframe可以随意使用;<br>如下均可以正常显示:<br><mip-img s='max-width:300px;' id="img24" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><body><br><mip-img s='max-width:300px;' id="img25" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><iframe name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img26" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img27" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></body><br><mip-img s='max-width:300px;' id="img28" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><br><mip-img s='max-width:300px;' id="img29" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><br><mip-img s='max-width:300px;' id="img30" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--<body>--><br><mip-img s='max-width:300px;' id="img31" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><iframe name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img32" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img33" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--</body>--><br><br>5、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制,如:<br><mip-img s='max-width:300px;' id="img34" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--<body>--><br><mip-img s='max-width:300px;' id="img35" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frameset rows="50%,*"><br><mip-img s='max-width:300px;' id="img36" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frame name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img37" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <frame name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img38" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></frameset> <br><mip-img s='max-width:300px;' id="img39" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><!--</body>--><br><mip-img s='max-width:300px;' id="img40" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><br><mip-img s='max-width:300px;' id="img41" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><body><br><mip-img s='max-width:300px;' id="img42" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><frameset><br><mip-img s='max-width:300px;' id="img43" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /><iframe height="30%" name="frame1" src="test1.htm"/> <br><mip-img s='max-width:300px;' id="img44" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /> <iframe height="100" name="frame2" src="test2.htm"/> <br><mip-img s='max-width:300px;' id="img45" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></frameset> <br><mip-img s='max-width:300px;' id="img46" src="http://image44.360doc.cn/DownloadImg/2011/11/2920/19658837_1.gif" /></body><br><br>6、如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常<br>以上代码在IE7和firefox2.0中测试。<br><br></div> <div class="zuoye-list-a"> <a href="/article/bilxpwx">iframe和frame有什么区别</a> <a href="/article/bhzpayg">html 高手解决 &lt;Iframe&gt;&lt;&#47;frame&gt;间的退回上一页面问题.</a> <a href="/article/bidyamf">“做一个上下结构的框架(frame)或直接使用iframe,将别人的网页嵌到其中就可以了。” 具体怎样做到,谢</a> <a href="/article/bifxrtz">网页中出现病毒代码:&lt;iframe src=&quot;http:&#47;&#47;**.org&quot;&gt;&lt;&#47;frame&gt;该咋办?</a> <a href="/article/bhtezkb">iframe属性</a> <a href="/article/bibxfqo">iframe问题~</a> <a href="/article/bihezfq">有关iframe</a> <a href="/article/biholae">强行IFRAME</a> <a href="/article/bikjcrz">关于IFRAME</a> <a href="/article/bhrvjej">frame.exe 是什么?</a> <a href="/article/bhvfgjm">Net Frame Work是什么意思</a> <a href="/article/bhwsbwp">frame.dll是什吗</a> <a href="/article/bhziseb">Frame Relay是什么意思</a> <a href="/article/bianimg">请问什么是frame pointer</a> <a href="/article/biavlvl">frame buffer设置求助</a> <a href="/article/bibdaoe">sink base frame 底框</a> <a href="/article/bichbmo">frame缓冲器的作用</a> <a href="/article/bieanud">java中的frame问题.</a> <a href="/article/bifbncy">如何防被人Frame</a> <a href="/article/bijpreh">什么是Open frame</a> <a href="/article/bikcugw">VB隐藏Frame</a> <a href="/article/bikuiuf">frame maker 软件</a> <a href="/article/bimbtgd">AXWIN Frame window 是什么?</a> <a href="/article/bhuwprf">iframe的问题!</a> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="footerlinks"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/bhuiqoq" title="变换句式(转载)">变换句式(转载)</a> <a class="btn btn-default" href="/article/bhuiqor" title="任重国画欣赏(27P)">任重国画欣赏(27P)</a> <a class="btn btn-default" href="/article/bhuiqos" title="澳大利亚指责美挑衅中国 被逼急或爆发第三次世界大战">澳大利亚指责美挑衅中国 被逼急或爆发第三次世界大战</a> <a class="btn btn-default" href="/article/bhuiqot" title="人居住宅环境吉凶图解">人居住宅环境吉凶图解</a> <a class="btn btn-default" href="/article/bhuiqou" title="爱唤醒爱的精髓:感恩所有 感恩一切!">爱唤醒爱的精髓:感恩所有 感恩一切!</a> <a class="btn btn-default" href="/article/bhuiqov" title="考研英语词汇总汇(5620个+附音标)——精品">考研英语词汇总汇(5620个+附音标)——精品</a> <a class="btn btn-default" href="/article/bhuiqow" title="如何理解调色中的【可选颜色】">如何理解调色中的【可选颜色】</a> <a class="btn btn-default" href="/article/bhuiqox" title="收藏002">收藏002</a> <a class="btn btn-default" href="/article/bhuiqoy" title="女人做9件事 把老公推向小三">女人做9件事 把老公推向小三</a> <a class="btn btn-default" href="/article/bhuiqoz" title="军事理论图书集">军事理论图书集</a> <a class="btn btn-default" href="/article/bhuiqpa" title="主治肺癌偏方,">主治肺癌偏方,</a> <a class="btn btn-default" href="/article/bhuiqpb" title="编校好的考研英语词汇表(公共类·5506个)——精品">编校好的考研英语词汇表(公共类·5506个)——精品</a> <a class="btn btn-default" href="/article/bhuiqpc" title="全国31省份均已放开双独家庭生二胎政策">全国31省份均已放开双独家庭生二胎政策</a> <a class="btn btn-default" href="/article/bhuiqpd" title="解放军成立战略规划部 日本研判中国准备打仗">解放军成立战略规划部 日本研判中国准备打仗</a> <a class="btn btn-default" href="/article/bhuiqpe" title="高中语文导学案样本">高中语文导学案样本</a> <a class="btn btn-default" href="/article/bhuiqpf" title="清纯气质女郎【8p】">清纯气质女郎【8p】</a> <a class="btn btn-default" href="/article/bhuiqpg" title="江苏洋思中学教学模式:先学后教、当堂训练">江苏洋思中学教学模式:先学后教、当堂训练</a> <a class="btn btn-default" href="/article/bhuiqph" title="婚姻!给了女人什么?">婚姻!给了女人什么?</a> <a class="btn btn-default" href="/article/bhuiqpi" title="气功养生 【集锦】">气功养生 【集锦】</a> <a class="btn btn-default" href="/article/bhuiqpj" title="英语16种时态详解(特别全面)——精品">英语16种时态详解(特别全面)——精品</a> <a class="btn btn-default" href="/article/bhuiqpk" title="朱杨氏--挂肩(腋下)经典收针方法-">朱杨氏--挂肩(腋下)经典收针方法-</a> <a class="btn btn-default" href="/article/bhuiqpl" title="北京“剩女”为何如此之多?">北京“剩女”为何如此之多?</a> <a class="btn btn-default" href="/article/bhuiqpm" title="办公室开玩笑要把握分寸1">办公室开玩笑要把握分寸1</a> <a class="btn btn-default" href="/article/bhuiqpn" title="百字明咒的含义?">百字明咒的含义?</a> <a class="btn btn-default" href="/article/bhuiqpo" title="治疗白发秘方">治疗白发秘方</a> <a class="btn btn-default" href="/article/bhuiqpp" title="超性感!世界十大火辣健身模特">超性感!世界十大火辣健身模特</a> <a class="btn btn-default" href="/article/bhuiqpq" title="韩国女星金妍儿 [系列12]">韩国女星金妍儿 [系列12]</a> <a class="btn btn-default" href="/article/bhuiqpr" title="小日本投降(油画)">小日本投降(油画)</a> <a class="btn btn-default" href="/article/bhuiqps" title="京剧名家——言兴朋">京剧名家——言兴朋</a> <a class="btn btn-default" href="/article/bhuiqpt" title="“雅思考试7600词汇”连载(最新版)——精品">“雅思考试7600词汇”连载(最新版)——精品</a> <a class="btn btn-default" href="/article/bhuiqpu" title="史蒂夫·乔布斯一生传奇,专注、平凡">史蒂夫·乔布斯一生传奇,专注、平凡</a> </div> </div> </div> <div class="copy-right"> <p>偶看新闻,客观、专业、权威的知识性互动百科全书。</p></div> </div> </div> <!--mip 运行环境--> <mip-stats-baidu> <script type="application/json"> { "token": "97cc1851a34f9e233119ff36ecf54098", "_setCustomVar": [1, "login", "1", 2], "_setAutoPageview": [true] } </script> </mip-stats-baidu> <script src="https://c.mipcdn.com/static/v1/mip.js"></script> <!--分享组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script> <!--百度统计组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> </body> </html>