`
yfy_web
  • 浏览: 10225 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

Frameset （转）

FramesetIframe 
阅读更多
原文地址：http://www.blogjava.net/yrj11320/articles/17996.html
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>

框架概念 ：
所谓框架便是网页画面分成几个框窗，同时取得多个 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> 标记所标示的框窗永远是按由上而下、由左至右的次序。

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

<FRAMESET> <FRAME> ：
<FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
<FRAME> 则只是设定某一个框窗内的参数属性。
<FRAMESET> 参数设定：
例子：
<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">


  • COLS="90,*"
    • 垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗後剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。
  • ROWS="120,*"
    • 就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。
    frameborder="0"
    设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
  • 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 表示要显示边框。（避 免使用 yes 或 no ）
  • framespacing="6"
    • 表示框架与框架间的保留空白的距离。
  • bordercolor="#008000"
    • 设定框架的边框颜色。颜色值请参考【HTML 剖析】。
  • scrolling="Auto"
    • 设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。
  • noresize
    • 设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。
  • marginhight=5
    • 表示框架高度部份边缘所保留的空间。
  • marginwidth=5
    • 表示框架宽度部份边缘所保留的空间。
    以下是一些例子：（与 Composer 教室的【运用框架】相同）
    例子 HTML Code 


    <frameset rows="80,*">
<frame name="top" src="a.html">
<frame name="bottom" src="b.html"> 
</frameset>

    例子 HTML Code 



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

    例子 HTML Code 


    <frameset cols="150,*"> 
<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 


    <frameset rows="80,*">
<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 


    <frameset cols="150,*">
<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>


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

    <frameset rows="80,*">
<noframes> 
<body> 
很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。 
</body> 
</noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>

    若浏览器支援框架，那堋它不会理会 <noframes> 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 <noframes>范围内的文字会被显示。

    <IFRAME> ：

    这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes> 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 javascript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。
    <iframe> 的参数设定如下：
    例子： 
    <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
  • src="iframe.html"
    • 欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。
  • name="test"
    • 此框窗名称，这是连结标记的 target 参数所　要的，
  • align="MIDDLE"
    • 可选值为 left, right, top, middle, bottom，作用不大
  • width="300" height="100"
    • 框窗的宽及长，以 pixels 为单位。
  • marginwidth="1" marginheight="1"
    • 该插入的文件与框边所保留的空间。
  • frameborder="1"
    • 使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
  • scrolling="Yes"
    • 使用 Yes 表示容许卷动（内定）， No 则不容许卷动。
    分享到：
    | XHTML 与 HTML 之间的差异（转）
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

      实现div 遮罩 frameset

      在这个场景中，“实现div 遮罩 frameset”意味着在`frameset`布局的网页上，使用`div`来实现一个可移动的遮罩层或弹出窗口。 首先，我们来看`frameset`。`frameset`是HTML4中的元素，它允许我们将浏览器窗口划分为...

      frameset左右收缩demo

      "frameset左右收缩demo"是一个关于网页布局的示例，它主要用于实现后台管理系统中常见的三栏式布局：顶部导航栏、左侧菜单栏以及右侧工作区，并在左右两侧留出空白区域。这种布局模式在许多企业级应用中非常常见，...

      以div代替frameset，用css实现仿框架布局

      然而，`frameset`在现代Web开发中逐渐被淘汰，主要是因为它存在一些问题，如SEO不友好、不易于维护和不兼容某些浏览器等。为了解决这些问题，开发者转向了使用`div`元素配合CSS来实现类似的布局效果。本文将详细介绍...

      html网页代码源--frameset用法

      通过`frameset`及其子元素`frame`和`iframe`，可以实现复杂的网页布局，如导航栏、主内容区和侧边栏同时显示。 #### `frameset`概述 `frameset`标签定义了一个框架集，即页面被分割成多个区域，每个区域可以独立...

      用frameset实现复杂的页面布局技巧小结

      本文小结了使用frameset实现复杂页面布局的一些技巧，并提供了一个示例，以供参考。 首先，frameset标签是用于定义一系列的frame元素的容器，它允许我们按照行和列的方式来组织页面。rows属性用于定义水平分割的...

      html Frame、Iframe、Frameset 的区别

      - `&lt;Frameset&gt;` 是一个框架集元素，它用于定义页面的布局，将页面划分为多个区域或框架。每个框架由 `&lt;Frame&gt;` 元素来填充，比如在提供的代码示例中，`&lt;Frameset&gt;` 分为了两个框架，一个在左侧，一个在右侧。 - `...

      HTML Frameset标签的应用方法源码

      本篇将详细介绍Frameset标签的使用方法，并结合提供的源码进行解析。 一、Frameset标签基础 1. 结构：Frameset标签通常由`&lt;frameset&gt;`和嵌套的`&lt;frame&gt;`标签组成。`&lt;frameset&gt;`定义了框架集的行或列划分，而`...

      浅析IE10兼容性问题(frameset的cols属性)

      对于需要支持IE10的项目，开发者应尽量避免使用`&lt;frameset&gt;`这样的过时技术，转而采用HTML5的`&lt;iframe&gt;`元素配合CSS进行布局控制。同时，使用条件注释（Conditional Comments）或特性检测库（如Modernizr）来为IE10...

      opencv打开realsense

      rs2::frameset aligned_frames = align_to_color.process(frames); rs2::frame aligned_depth = aligned_frames.get_depth_frame(); // 然后将aligned_depth转换为Mat ``` 6. **处理和显示图像**：现在，你可以使用...

      简单的注册页面

      但是，使用frameset也可能带来一些问题，例如搜索引擎优化（SEO）困难，因为搜索引擎可能无法正确解析多框架的内容，从而影响网站的搜索排名。此外，frameset对移动设备的支持也不佳，不适用于响应式设计，这在当今...

      使用框架结构PPT课件.pptx

      `&lt;FRAMESET&gt;` 标记用来创建一组框架，可以指定行（rows）或列（cols）来分割浏览器窗口，并指明每个子框架的大小。例如： ```html &lt;frameset cols="25%, 75%"&gt; &lt;/frameset&gt; ``` 在这个例子中，浏览器窗口被分为...

      [精选]HTML框架表单多媒体培训.pptx

      `&lt;frameset&gt;`标记定义了框架集的基本结构，它不包含实际的内容，而是指示浏览器如何分割窗口和加载各个页面。`&lt;frameset&gt;`可以包含`&lt;frame&gt;`标签来定义每个单独的框架。例如： ```html &lt;frameset rows="30%,*,70%"&gt;...

      郜振宇php职业培训系列讲座006：玩转html中的框架应用.rar

      在郜振宇php职业培训系列讲座006中，讲师深入探讨了如何玩转HTML框架的应用。 首先，我们了解HTML框架的基本结构。框架是通过`&lt;frameset&gt;`元素定义的，它可以被水平或垂直分割。例如，一个简单的两列布局可以这样写...

      框架frame布局的简单例子

      `&lt;frameset&gt;`是框架布局的核心，它用于定义页面的分割方式，可以按行(row)或列(column)进行划分。例如，如果我们想创建一个上中下三部分的布局，我们可以这样编写： ```html &lt;!DOCTYPE html&gt; 框架布局示例 ...

      XHTML 1_0简明手册（转）_files

      通过阅读“XHTML 1.0简明手册（转）.htm”和相关文件，你可以深入了解XHTML的语法和最佳实践，从而创建符合标准、跨平台兼容的网页。学习并遵循这些规范，将有助于提升网页质量，提高用户体验，并为搜索引擎优化打下...

      简单聊天室JSP实现代码

      其中，`&lt;frameset&gt;`标签用于定义框架集，`&lt;frame&gt;`标签用于定义单个框架。 Frameset和Frame Frameset是HTML中的一种结构元素，用于定义框架集。框架集可以包含多个框架，每个框架可以显示不同的内容。Frame是框架...

      DOCTYPE 标签

      3. **Frameset DTD**：用于含有框架的文档。 ```html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt; ``` 在XHTML1.0中，也有对应的三种DOCTYPE： 1...

      html标签大全

      然而，随着Web标准的发展，特别是对无障碍性和SEO优化的需求，框架逐渐被淘汰，转而采用更现代的布局技术如CSS Grid和Flexbox。 框架的主要标签包括`&lt;frameset&gt;`和`&lt;frame&gt;`： 1. `&lt;frameset&gt;`标签：`&lt;frameset&gt;`...

      html框架详解与框架布局.7z

      例如，一个常见的两列布局可以由一个水平划分的`&lt;frameset&gt;`创建，左边是侧边栏，右边是主要内容。 ```html &lt;!DOCTYPE html&gt; 框架布局示例 &lt;frameset cols="20%,*"&gt; &lt;/frameset&gt; 您的浏览器不支持框架。 ...

      一款ASP网页播放器

      描述中提到的"使用frameset嵌入"可能指的是使用HTML的frameset元素来创建多窗口布局，使得音乐播放可以独立于其他网页内容，保证音乐的连续播放，而不会因为页面的刷新而中断。 在实现过程中，ASP网页播放器可能会...

    Magicbox
    Global site tag (gtag.js) - Google Analytics