最近在搞网页编程,总结了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 表示要边框。
分享到:
相关推荐
下面我们将详细探讨`frameset`的使用方法及其相关属性。 1. **frameset元素** `frameset`元素是包含`frame`元素的容器,它定义了页面的布局。例如: ```html <frameset rows="10%,*" frameborder="0" ...
- `frame`只能在`frameset`中使用,而`iframe`可以单独使用,更灵活。 - `frame`的布局固定,不能单独调整大小,`iframe`可以。 - `frameset`适用于整个页面的框架布局,`iframe`更适合局部内容的嵌入。 - `iframe`...
在frameset中frame页面读取另一frame页面$.data数据
`COLS` 和 `ROWS` 不能同时在同一个 `<FRAMESET>` 中使用,因为某些浏览器可能无法正确处理这种组合。 2. ****: `<FRAME>` 标签定义了框架的具体内容。每个 `<FRAME>` 必须包含在 `<FRAMESET>` 内,并通过 `src` ...
尽管`frameset`和`frame`提供了一种强大的多窗口布局机制,但由于其在不同浏览器中的一致性问题以及对搜索引擎优化的不利影响,现代Web开发已转向更灵活、响应式的设计方法,如CSS Grid和Flexbox。然而,理解`...
在本篇文章中,我们将详细解读HTML中frameset标签的用法。frameset标签在HTML4.01中被引入,主要用于将浏览器窗口分割成多个框架,并且在每一个框架中显示不同的HTML文档。然而需要注意的是,在XHTML 1.0和HTML5标准...
NULL 博文链接:https://yuanzhaoliyu-214.iteye.com/blog/781315
纵向排列多个窗口: <frameset cols=30%,20%,50%> <frame src="frame/A.html"> <frame src="frame/B.html"> <frame src="frame/C.html"> </frameset>
本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的使用方法,并通过实例来解析如何设置这些元素的属性来实现复杂页面布局。 #### Frameset标签详解 `<frameset>`标签用于定义一个由多个框架组成...
本文将深入探讨`frameset`及其子元素`frame`的使用方法与关键属性。 #### frameset元素的基本结构 `frameset`元素是HTML文档的容器之一,用于分割浏览器窗口为多个区域,每个区域都可以加载不同的HTML页面。一个...
描述中提到的"NULL 博文链接:https://performery.iteye.com/blog/2242773"表明这是一个关于frameset的博客文章,虽然具体的细节没有给出,但我们可以推测这篇文章可能详细介绍了frameset的使用方法、优缺点以及如何...
下面通过一个具体的示例来详细了解`frameset`的使用方法: ```html <frameset rows="90,*" frameborder="0" border="0" framespacing="2" bordercolor="#008000"> </frameset> ``` - **rows="90,*"**:该属性...
总的来说,虽然`frame`和`frameset`样式和应用的知识在当前可能较少使用,但理解它们的历史和工作原理可以帮助我们更好地理解网页设计的发展历程,以及为何现代技术如HTML5推荐使用更现代的布局方法。通过阅读`fram...
JSP框架类frameset和frame的区别和用法 JSP框架类frameset和frame是Web开发中常用的技术,用于构建复杂的网页布局。下面将详细介绍frameset和frame的区别和用法。 frameset frameset标签用于声明页面使用框架技术...
下面是对`frameset`基本用法的详细说明: 1. **`<frameset>` 基本结构:** ```html <frameset rows="*, 50%" cols="60%, 40%"> </frameset> ``` 在这个例子中,`rows="*, 50%"` 和 `cols="60%, 40%"` ...
### Frameset 详解 #### 一、Frameset 概述 `Frameset`是一种早期网页设计技术,允许在一个HTML文档中展示多个独立的HTML文档。...了解并掌握`Frameset`的基本原理和用法有助于开发者更好地应对复杂的技术挑战。
然而,在使用 Frameset 时,开发者常常会遇到一个问题:如何在Frameset中跳转出来?今天,我们将详细介绍 Frameset 跳转技术,并提供相应的解决方案。 Frameset 跳转的需求分析 --------------------------- 在...
3. **basicframes.html** - 展示基本的框架结构和用法。 4. **iframe.html** - `iframe`(内联框架)是另一种实现类似效果的方式,它可以在页面中嵌入另一个HTML文档,具有更高的灵活性,但不支持历史记录和书签功能...
总的来说,"frameset 左右效果模板"是一种传统的网页布局方法,通过合理使用frameset和相关HTML文件,可以构建出结构清晰、操作便捷的网站。然而,随着技术的发展,现在更推荐使用更现代的网页布局技术,以获取更好...