html - 框架详解

最新推荐文章于 2024-06-06 23:10:38 发布

专业代码搬运

最新推荐文章于 2024-06-06 23:10:38 发布

阅读量729

点赞数

分类专栏：杂项文章标签： html 框架浏览器标签

本文链接：https://blog.csdn.net/qq_25077833/article/details/53369278

版权

杂项专栏收录该内容

16 篇文章 0 订阅

订阅专栏

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面，即动态显示很多内容

一、框架结构标签（`<frameset>`）

框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
编者注：frameset 标签也被某些文章和书籍译为框架集。

二、框架标签（Frame）

Frame 标签定义了放置在每个框架中的 HTML 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 “frame_a.htm” 被置于第一个列中，而 HTML 文档 “frame_b.htm” 被置于第二个列中：
示例代码：

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

cols为定义列，rows为定义行，使用逗号隔开的百分比来定义

三、基本的注意事项

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。
为不支持框架的浏览器添加<noframes> 标签(即当浏览器不支持框架时进行提示信息的显示)
例如：

<frameset cols="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>

</frameset>

重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于<body></body>标签内。

四、垂直框架和水平框架

垂直框架：

<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

水平框架：

<html>

<frameset rows="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

五、Iframe：定义内联框架

Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame></Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。

http://blog.csdn.net/lyr1985/article/details/6067026

5.1、添加 iframe 的语法

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
URL 指向隔离页面的位置。

5.2、Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 “0” 就可以移除边框：
示范：
<iframe src="demo_iframe.htm" frameborder="0"></iframe>

5.3、使用 iframe 作为链接的目标

iframe 可用作链接的目标（target）。
链接的 target 属性必须引用 iframe 的 name 属性：
实例

<iframe src="a" name="iframe_a"></iframe>
<p><a href="b" target="iframe_a">W3School.com.cn</a></p>

先显示a网页的内容，当点击后面的链接时再显示b网页的内容

专业代码搬运

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html - 框架详解

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面，即动态显示很多内容一、框架结构标签（<frameset>）框架结构标签（<frameset>）定义如何将窗口分割为框架每个 frameset 定义了一系列行或列rows/columns 的值规定了每行或每列占据屏幕的面积编者注：frameset 标签也被某些文章和书籍译为框架集。二、框架标签（Frame）Frame 标签定义了放置
复制链接

扫一扫