HTML 框架

通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。

  • 框架结构标签 定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行或列
  • rows/columns 的值规定了每行或每列占据屏幕的面积
  • 框架标签 Frame 标签定义了放置在每个框架中的 HTML 文档

实例:
1、 </code> 标签<br> 不能将 <code><body></body></code> 标签与 <code><frameset></frameset></code> 标签同时使用!不过,假如你添加包含一段文本的 <code><noframes></code> 标签,就必须将这段文字嵌套于 <code><body></body></code> 标签内。</p> <pre><code><html> <frameset cols="25%,50%,25%"> <frame src="http://www.w3school.com.cn/example/html/frame_a.html"></frame> <frame src="http://www.w3school.com.cn/example/html/frame_b.html"></frame> <frame src="http://www.w3school.com.cn/example/html/frame_c.html"></frame> <noframes> <body>您的浏览器无法处理框架!</body>

2、混合框架结构





    
    
        
        
    




3、含有 noresize="noresize"属性的框架结构
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:noresize="noresize"。





    
    
    




4、导航框架





    
    




5、内联框架




    
    

一些老的浏览器不支持 iframe。

如果得不到支持,iframe 是不可见的。

6、跳转至框架内的一个指定的节
其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 进行标识。




    
    
    




7、内联框架
iframe 的语法


iframe 设置高度和宽度




    
    

某些老式的浏览器不支持内联框架。

如果不支持,则 iframe 是不可见的。

iframe 删除边框
frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 "0" 就可以移除边框:




    
    

某些老式的浏览器不支持内联框架。

如果不支持,则 iframe 是不可见的。

使用 iframe 作为链接的目标
iframe 可用作链接的目标(target)。
链接的 target 属性必须引用 iframe 的 name 属性:




    
    

W3School.com.cn

注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。

你可能感兴趣的:(HTML 框架)