下载文档原格式
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中框架的用法
在HTML中，框架是一种用于创建多个浏览器窗口或标签页的机制，通常使用<frameset>和<frame>元素来定义。
然而，请注意，由于现代网页设计的趋势是使用CSS和JavaScript 来创建更动态和响应式的界面，使用HTML框架的情况已经变得非常少见。
下面是一个简单的HTML框架示例：
html复制代码
<!DOCTYPE html>
<html>
<head>
<title>框架示例</title>
</head>
<frameset cols="25%,*,25%">
<frame src="frame_left.html">
<frame src="frame_main.html">
<frame src="frame_right.html">
</frameset>
</html>
在这个示例中，我们使用<frameset>元素来定义三个列。
cols属性指定了每个列的宽度（以百分比为单位），中间列占据了剩余的空间。
每个列都由一个<frame>元素表示，其src属性指定了要加载到该列中的网页文件。
虽然HTML框架曾经被广泛使用，但它们带来了很多问题，如难以维护、导航困难以及无法适应移动设备和不同屏幕尺寸等。
现代的网页设计更倾向于使用CSS和JavaScript来创建灵活的布局和交互效果，而不是依赖于HTML框架。
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 不⽀持。
HTML frame标签怎么用？
首先我们先看看HTMLframe标签的使用：
标签定义frameset中的一个特定的窗口（框架）。
frameset中的每个框架都可以设置不同的属性，比如border、
scrolling、noresize等等。
注释：假如您希翼验证包含框架的页面，请确保doctype被设置为"FramesetDTD"。
阅读更多有关DOCTYPE的内容。
提醒：您不能与标签一起用法标签。
不过，假如您需要为不支持框架的扫瞄器添加一个标签，请务必将此标签放置在标签中！标签定义frameset中的一个特定的窗口（框架）。
frameset中的每个框架都可以设置不同的属性，比如border、scrolling、noresize等等。
来看看这个关于frame标签的用法实例：
第1页共4页。
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 分别从不同的页面加载。
frame的⽤法 <iframe> 标签规定⼀个内联框架。
⼀个内联框架被⽤来在当前 HTML ⽂档中嵌⼊另⼀个⽂档。
所有的主流浏览器都⽀持<iframe>标签。
你可以把提⽰的⽂字放到 <iframe> 和 </iframe>⾥⾯，这样不⽀持 <iframe>的浏览器就会出现提⽰的⽂字。
iframe 如何使⽤呢？通常我们使⽤iframe直接在页⾯嵌套iframe标签指定的src就可以了。
⽐如：<!--<iframe> 标签规定⼀个内联框架 这⾥写p 标签是为了看align的效果--><p style="overflow: hidden;">这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"><p>你的浏览器不⽀持iframe标签</p></iframe>这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
这是⼀些⽂本。
</p>iframe 的常⽤属性： name ：规定 <iframe> 的名称。
width：规定 <iframe> 的宽度。
height ：规定 <iframe> 的⾼度。
src ：规定在 <iframe> 中显⽰的⽂档的 URL。
HTML框架Frame⽤法Frameset和Frame1<frameset rows="20%,80%" frameborder=yes bordercolor="green">2<frame src="top.html" noresize/>3<frameset cols="200px,*">4<frame src="left.html"/>5<frame src="right.html"/>6</frameset>7</frameset>注意点：1. frame⼤⼩通过rows，cols属性调节，可以是百分⽐，也可以是具体像素px，还能够⽀持通配符*2. 框架边框是否显⽰可以使⽤frameborder属性，也可以使⽤border属性；frameborder取值： 1,0 或者yes,no；border取值：>=5px 显⽰， <5px 不显⽰，值越⼤，边框越粗；3. noresize属性控制frame⼤⼩是否可调节，上例代码中如果noresize放置在<frame src="left.html">中，上下左右frame⼤⼩都不能调节；IFrame1<a href="" target="iframe1">sina</a><br/>2<a href="" target="iframe1">163</a><br/>3<a href="" target="iframe1">sohu</a><br/>4<iframe name="iframe1" src="" width=500 height=500/>。
框架（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>`标签创建了一个包含了三个不同尺寸的框架的框架集，并在每个框架中加载不同的网页内容。
html中框架（frame）的详细使用方法框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个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> 标记所标示的框窗永远是按由上而下、由左至右的次序。
<FRAMESET> <FRAME> ：<FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
<FRAME> 则只是设定某一个框窗内的参数属性。
<FRAMESET> 参数设定：例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">COLS="90,*"垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空间。
框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。
这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。
框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames 就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。
因此，要引用一个子框架，可以使用如下语法：window.frames["frameName"];window.frames.frameNamewindow.frames[index]其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：self.frames["frameName"]self.frames[0]frames[0]frameName每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。
有了这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。
下面分别介绍不同层次框架间的互相引用：1．父框架到子框架的引用知道了上述原理，从父框架引用子框架变的非常容易，即：window.frames["frameName"];这样就引用了页面内名为frameName的子框架。
如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现：window.frames["frameName"].frames["frameName2"];这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。
html5中 frame的使用
HTML5中的frame是一种用于在网页中显示多个独立的页面的元素。
它可以将一个网页拆分成多个区域，每个区域可以加载不同的网页内容。
frame的使用在HTML5中主要通过iframe元素来实现。
在HTML5中，使用frame可以实现以下几个方面的功能：
1. 分割页面：frame可以将一个页面分割成多个区域，每个区域可以加载不同的网页内容。
这样可以使网页更加灵活，提供更多的展示空间。
2. 加载外部网页：使用frame可以方便地加载外部网页。
通过设置iframe元素的src属性，可以指定要加载的网页地址。
这样可以在当前页面中嵌入其他网页的内容，实现信息的整合和共享。
3. 构建框架结构：frame可以用于构建网页的框架结构。
通过设置不同的frame元素，可以将网页分成上下、左右等多个区域，每个区域分别加载不同的网页内容。
这样可以实现复杂的页面布局和导航结构。
4. 实现页面嵌套：frame可以用于实现页面的嵌套。
通过在一个页面中嵌套另一个页面，可以实现页面之间的关联和跳转。
这样可以提高网页的交互性和用户体验。
5. 异步加载内容：使用frame可以实现异步加载内容。
通过设置
iframe元素的defer属性，可以延迟加载frame中的内容，提高网页的加载速度和性能。
6. 实现跨域通信：frame可以用于实现不同域之间的通信。
通过在frame中加载其他域下的网页，可以实现跨域通信和数据交互。
这样可以方便地实现网页之间的数据共享和传递。
需要注意的是，在使用frame时，需要遵循一些规范和注意事项：1. 避免滥用frame：frame虽然提供了很多便利的功能，但滥用frame可能会导致网页的复杂性和性能问题。
因此，在使用frame 时应该慎重考虑，避免过度使用。
2. 设置合适的尺寸和位置：在使用frame时，应该合理设置frame 元素的尺寸和位置，以确保网页的美观和可用性。
可以使用CSS来设置frame元素的样式，包括宽度、高度、边框等属性。
3. 考虑浏览器兼容性：在使用frame时，需要考虑不同浏览器的兼容性。
不同浏览器对frame的支持程度有所差异，因此在设计和开发网页时，应该注意兼容不同浏览器的要求。
总结起来，HTML5中的frame是一种十分有用的元素，可以实现网页的分割、加载外部网页、构建框架结构、实现页面嵌套、异步加载内容和跨域通信等功能。
合理使用frame可以提高网页的灵活性和可用性，为用户提供更好的浏览体验。
但需要注意的是，滥用
frame可能会导致网页的复杂性和性能问题，因此在使用frame时需要慎重考虑，并遵循相关的规范和注意事项。
