网页框架和网页框架集如何工作的

框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架集是HTML文件,它定义一组框架的布局和属性。

要在浏览器中查看一组框架,请输入框架集文件的URL;浏览器随后打开要显示在这些框架中的相应文档。通常将一个站点的框架集文件命名为 index.html,以便当访问者未指定文件名时默认显示该名称。

下面的示例显示了一个由三个框架组成的框架布局:一个较窄的框架位于侧面,其中包含导航条;一个框架横放在顶部,其中包含Web站点的徽标和标题;一个大框架占据了页面的其余部分,其中包含主要内容。这些框架中的每一个都显示单独的HTML文档。

这些框架中的每一个都显示单独的HTML文档

在此示例中,当访问者浏览站点时,在顶部框架中显示的文档永远不更改。侧面框架导航条包含链接;单击其中某一链接会更改主要内容框架的内容,但侧面框架本身的内容保持静态。无论访问者在左侧单击了哪一个链接,右侧主要内容框架都会显示适当的文档。

请注意,框架不是文件。您很可能会以为当前显示在框架中的文档是构成框架的一部分,但该文档实际上并不是框架的一部分。框架是存放文档的容器 - 任何一个框架都可以显示任意一个文档。

注意页面一词含义较为宽泛,既可以表示单个HTML文档,也可以表示给定时刻浏览器窗口中的全部内容,即使当时同时显示有几个HTML文档。例如,短语"使用框架的页面"通常表示一组框架以及最初在这些框架中显示的文档。

如果一个站点在浏览器中显示为包含三个框架的单个页面,则它实际上至少由四个单独的HTML文档组成:框架集文件以及三个文档,这三个文档包含这些框架内初始显示的内容。当您在Dreamweaver 中设计使用框架集的页面时,您必须保存全部这四个文件,以便该页面可以在浏览器中正常工作。

时间: 2024-09-22 00:27:15

网页框架和网页框架集如何工作的的相关文章

SEO:框架型网页的优化技巧

seo|技巧|网页|优化 从一开始,框架型网站对于即使是专业的搜索引擎优化也成了一个挑战.是否该用框架技术去设计一个新网页,也已成了大家争论不休的话题.在这篇文章中,我们为你提供了一些基本的优化技术,同时你也能够了解到:如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化. 首先,让我们来看看使用框架设计的网站具有哪些好处.它的优越性体现在整个网页设计的整体性的保持及更新上.这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计.尤其对于那些大型网站(至少500页以上的内

框架型网页的优化技巧

从一开始,框架型网站对于即使是专业的搜索引擎优化也成了一个挑战.是否该用框架技术去设计一个新网页,也已成了大家争论不休的话题.在这篇文章中,我们为你提供了一些基本的优化技术,同时你也能够了解到:如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化. 首先,让我们来看看使用框架设计的网站具有哪些好处.它的优越性体现在整个网页设计的整体性的保持及更新上.这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计.尤其对于那些大型网站(至少500页以上的内容)而言,框架结构的使用可

Dreamweaver网页制作教程:框架技术

dreamweaver|教程|网页 框架技术 在浏览网页的时候,我们常常会遇到这样的一种导航结构.就是超级连接做在左边单击以后链接的目标出现在右面.或者在上边单击链接指向的目标页面出现在下面.要做出这样的效果,必须使用框架.为了更好的理解什么是框架.我们画一张示意图来进行讨论. 这是一个左右结构的框架.事实上这样的一个结构是由三个网页文件组成的.首先外部的框架是一个文件,图中我们用index.htm命名.框架中左边命名为A,指向的是一个网页A.htm.右边命名为B,指向的是一个网页B.htm.

在Frontpage中用框架实现网页布局

目前实现网页布局的基本方法无外乎表格和框架. 上面表格大家已经初步理解了,下面就要说说框架了,也即所说的Frame.其实用框架来规划网页本身有很大的缺点,首先不利于网友更好的利用网页资源,因为大家总不能在线把所有的东西看一遍了,而保存起来框架的缺点就出来了,你将不得不每次多余的保存同样的两个页. 我们花一些时间来说说这个问题或许对大家更好的使用框架有好处. 在用框架布局时:以一个最简单的上下框架为例,整个网页包含两个独立的网页,将被分别保存或是调入使用,另外整个框架网页也将被作为一个也保存一次,

Dreamweaver框架网页嵌入asp网页

问题描述 Dreamweaver框架网页嵌入asp网页 框架为top,left,mainfram 我想在left部分填写目录,各个目录链接不同的ASP网页,并把网页显示到mainfram中,按照html框架网页制作方法做后,mainfram中显示的是asp代码,而不是效果,怎么办,能给出我想实现效果的代码吗,谢谢啦 解决方案 http://www.3lian.com/edu/2014/04-03/139080.html 解决方案二: 你直接把连接指向你创建的网页不就可以了?

js实现网页防止被iframe框架嵌套及几种location.href的区别_实用技巧

首先我们了解一下:window.location.href.location.href.self.location.href.parent.location.href.top.location.href他们的区别与联系,简单的说:几种location.href的区别 js实现网页被iframe框架功能 "window.location.href"."location.href"."self.location.href"是本页面跳转 "p

JS防止网页被嵌入iframe框架的方法分析_javascript技巧

本文实例讲述了JS防止网页被嵌入iframe框架的方法.分享给大家供大家参考,具体如下: 例如: <script type="text/javascript"> if (window!=top) // 判断当前的window对象是否是top对象 top.location.href = window.location.href; // 如果不是,将top对象的网址自动导向被嵌入网页的网址 </script> 这段代码是有效的.但是,有一个问题:使用后,任何人都无法

前段开发-请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现

问题描述 请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现 请问如何在有iframe框架的网页里实现父子文档互相访问,分别用javascript和jquery实现 解决方案 搞懂关系就很简单了iframe和父页,window.open打开页面之间的引用 解决方案二: window.parent.find('iframe'). 解决方案三: 能再详细点吗,各位大牛哥哥 解决方案四: http://www.cnblogs.com/luluping

2015年50+ CSS 工具、框架、库合集

CSS动画工具 & 库 1. Animate Plus 一个可以帮你创建CSS属性和SVG属性的JavaScript动画库. 2. Rocket 一个创建WEB动画的简单的工具. 3. Tuesday 新奇CSS动画库. 4. Shift.css 创建定时CSS动画的简单框架. 5. MOTION UI 用于创建灵活的CSS过渡和动画的SASS库. 6. Transformicons 使用SVG和CSS的动画图标.符号.按钮. CSS实用程序和工具 7. sanitize.css 让浏览器渲染元