最近在搞网页编程,总结了frameset 的一些使用技巧,供大家参考哦,还是先剖析一下框架吧!
■ 框架标记
<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> 标记所标示的框窗永远是按由上而下、由左至右的次序
|
<FRAME> 用法: 定义一个帧 开始/结束标识: 必须/非法 属性: name="..."定义帧的名字 scr="..."定义在帧中显示的内容的来源 frameborder="..."定义帧之间的边界(0或1) margwidth="..."设置帧的边界和其中内容之间的间距 margheight="..."设置帧的边界和其中内容之间的间距化 noresize="..."使帧的尺寸不能变 scrolling="..."设置滚动条的表示方式(auto, yes, no) 空: 不允许
|
<FRAMESET>...</FRAMESET> 用法: 定义在一个窗口中帧的布局 开始/结束标识: 必须/必须 属性: rows="..."设定行的数目 cols="..."设定列的数目 onload="..."当载入文档时的内部事件触发器 onunload="..."当卸载文档时的内部事件触发器 空: 不允许 注释: FRAMESET可以嵌套
|
以上所述只是最简单的框架设定,若希望达到更合适的效果请加入或修改以下各参数。
标记:<FRAMESET>
例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset>
功用:宣告HTML文件为框架模式,并设定视窗如何分割。
参数:
-
COLS="90,*"
垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。
-
ROWS="120,*"
这是横向切割,将画面上下分开,数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类型的框架,尽量采用多重分割,如以上各例。
-
frameborder="0"
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。
-
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 表示要边框。
-
framespacing="6"
表示框架与框架间的保留的空白的距离。
-
bordercolor="#008000"
设定框架的边框颜色。
-
scrolling="Auto"
设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示卷轴,AUTO 视情况而定。
-
noresize
设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其大小。
-
marginhight=5
表示框架高度部分边缘所保留的空间。
-
marginwidth=5
表示框架宽度部分边缘所保留的空间。
分享到:
相关推荐
本文将深入探讨`frameset`及其子元素`frame`的使用方法与关键属性。 #### frameset元素的基本结构 `frameset`元素是HTML文档的容器之一,用于分割浏览器窗口为多个区域,每个区域都可以加载不同的HTML页面。一个...
总结,`frameSet`是HTML4时代的布局工具,虽然现在已不再推荐使用,但在理解Web历史和维护旧项目时仍然很重要。随着技术的发展,现代布局方案如CSS Grid和Flexbox更能满足复杂、响应式的网页设计需求。
总结来说,Asp.net中的Frameset是一个强大的布局工具,它可以提供多面板的用户体验,但同时也需要权衡其可能带来的SEO和兼容性问题。在实际开发中,我们需要根据项目需求和目标用户群体来决定是否使用Frameset,以及...
本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的使用方法,并通过实例来解析如何设置这些元素的属性来实现复杂页面布局。 #### Frameset标签详解 `<frameset>`标签用于定义一个由多个框架组成...
### Asp.net中Frameset的使用小结(2) #### 1. `<IFRAME>` 标签详解 - **定义**:`<IFRAME>` 标签用于在当前网页内部嵌入另一个HTML文档。这是一个自闭合标签,主要用于在浏览器窗口中创建一个子窗口来展示其他内容...
使用frameset可以创建复杂的多窗格布局,例如一个固定的顶部导航栏、侧边栏和主要内容区域等。 一个基本的frameset结构包括`<frameset>`标签,它定义了页面布局的框架结构,以及`<frame>`标签,用于指定每个框架中...
总结,虽然`frameset`和`target`在现代Web开发中已经不是首选方案,但理解它们的工作原理和历史背景仍然很重要,尤其是在维护旧项目或处理遗留代码时。同时,了解这些概念也有助于我们更好地理解和使用现代布局技术...
总结一下,frameset是HTML中的一个历史特性,用于构建分割的网页布局。虽然现代Web开发中已不再推荐使用,但理解它的概念和工作原理对于全面了解Web技术的历史和现状至关重要。在实际项目中,应优先考虑使用更现代化...
然而,随着现代Web开发技术的发展,如CSS和Ajax的出现,frameset的使用逐渐减少,因为它存在一些缺点,如对搜索引擎优化(SEO)不友好,以及在移动设备上的适配问题。 **一、frameset的基本结构** frameset元素是...
总结,`frameSet`在实现多窗口布局和子父窗口通信时发挥了作用,但在现代Web开发中,为了更好的用户体验和兼容性,建议使用`iframe`和JavaScript的`postMessage`方法来替代。同时,利用JSP或类似的服务器端技术可以...
在网页设计中,框架(Frameset)是一种将...总结,Frameset是HTML4时代的一种页面布局方法,虽有其局限性,但在某些场景下仍能发挥作用。随着技术的进步,开发者应当考虑使用更现代的布局技术,以提供更好的用户体验。
使用frameset和frame标签定义的页面,会在浏览器中呈现出多个独立的框架区域,每个区域可以加载不同的网页内容。 **Iframe** Iframe,即内联框架,是内嵌于一个HTML页面中的独立的小窗口,这个小窗口能够加载另一...
虽然随着现代前端技术的发展,`frameset`的使用频率已经大大降低,但在某些特定场景下,它依然能够提供一种简单有效的布局方案。对于学习经典Web开发技术的同学来说,掌握`frameset`的基本原理和使用技巧仍然是十分...
总结来说,frameset和frame是HTML早期的多窗口布局工具,而iframe是一种内嵌网页的方式,它们在某些场景下仍然有其用途,但随着技术的发展,已经逐渐被更先进、更灵活的解决方案所取代。理解并掌握这些基础知识,...
总结来说,HTML 框架提供了在单个浏览器窗口内组织多个网页内容的能力,通过 `<FRAMESET>`、`<FRAME>` 和相关的属性,我们可以定制复杂的布局和交互体验。然而,由于其局限性,现代网页设计中更多地使用 CSS 和 ...
在本教程中,我们将学习如何使用frameset标签来创建框架页面,它的属性以及如何在其中使用frames来分割不同的页面部分。 首先,需要注意的是,frameset标签与iframe标签功能相似,但在用法上存在重要区别。frameset...
总结来说,`frame`、`frameset`和`iframe`是HTML中用于构建多窗口布局的工具,它们各自有其特点和用途。在现代网页开发中,由于它们不支持现代Web标准和对SEO的不利影响,已经逐渐被更先进的技术如CSS Grid、Flexbox...
总结起来,`frameset`和`dtree`的结合使用使得开发者能够构建出具有分栏布局的网页,其中左侧的`dtree`导航树可以在点击后在右侧框架中加载相应的内容。这种设计在多页面应用中非常实用,允许用户在不刷新整个页面的...
虽然随着现代Web技术的发展(如HTML5),`frame`与`frameset`已经不再被推荐使用,但在了解Web历史和技术演进的过程中,掌握这些标签及其属性仍然是很有必要的。 #### 一、Frame标签 `frame`标签用于定义页面中的一...
总结来说,虽然HTML5不再支持`frameset`,但开发者可以通过`iframe`或者结合CSS和JavaScript来实现类似的功能。这两种方法各有优缺点,选择哪种取决于具体的需求、项目规模以及对可访问性和性能的要求。随着前端技术...