📜  HTML |<frame>标签

📅  最后修改于: 2021-11-07 08:14:05             🧑  作者: Mango

HTML 框架用于将 Web 浏览器窗口划分为多个部分,每个部分可以单独加载。框架集标签是浏览器窗口中框架的集合。

创建框架:代替使用 body 标签,在 HTML 中使用框架集标签在网络浏览器中使用框架。但是这个 Tag 在 HTML 5 中被弃用了。 frameset 标签用于定义如何划分浏览器。每个框架由框架标签表示,它基本上定义了哪个 HTML 文档应该打开到框架中。 HTML 文档中使用frame 标签的row 属性定义水平框架,HTML 文档中使用frame 标签的col 属性定义垂直框架。

例子:



    
        Example of HTML Frames using row attribute
    
          
    
        
        
        
        
            <body>The browser you are working does 
                        not support frames.</body>
        
    
                    

输出:上面的例子主要用于创建三个水平框架:顶部、中间和底部,使用 frameset 标签的 row 属性,noframe 标签用于不支持 noframe 的浏览器。
框架标签

示例:本示例说明了框架集标签的 col 属性。


    
    
        Example of HTML Frames Using col Attribute
    
          
    
        
        
                
        
            <body>The browser you are working does 
                         not support frames.</body>
        
    
                    

输出:上面的例子基本上用于创建三个垂直框架:使用 frameset 标签的 col 属性的左、中和右。
框架标签

Frameset 标签的属性:

  • cols: cols 属性用于在 Web 浏览器中创建垂直框架。该属性主要用于定义框架集标签内的列数及其大小。
    通过以下方式在框架集中设置列的大小或宽度:
    • 使用像素的绝对值
      例子:
    • 使用百分比值
      例子:
    • 使用通配符值:
      例子:

      在上面的例子中 * 将使用剩余的百分比来创建垂直框架。

  • rows: rows 属性用于在 Web 浏览器中创建水平框架。此属性用于定义框架集标记内的行数及其大小。
    行的大小或每行的高度使用以下方式:
    • 使用像素的绝对值
      例子:

    • 使用百分比值
      例子:
    • 使用通配符值
      例子:

      在上面的例子中 * 将使用剩余的百分比来创建水平框架。

  • border: frameset 标签的这个属性定义了每帧的边框宽度(以像素为单位)。零值用于无边框。
    例子:
  • frameborder: frameset标签的该属性用于指定是否在框架之间显示三维边框,为此使用两个值0和1,其中0定义为无边框,值1表示是有边框.
  • framepacing: frameset标签的这个属性用于指定一个frameset中的frame之间的间距量。这可以采用任何整数值作为参数,基本上表示像素值。
    例子:
    
    It means there will be 20 pixel spacing between the frames
    

      帧标签属性:

      • name:此属性用于为框架命名。它将一帧与另一帧区分开来。它还用于指示文档应加载到哪个框架中。
        例子:
        
         
         
        

        这里我们使用三个框架,名称分别为左中和右。

      • src: frame标签中的这个属性,主要用于定义应该加载到frame中的源文件。src的值可以是任意的url。
        例子:

        在上面的例子中,frame 的名称是 left 并且源文件将从 frame 中的“/html/left.htm”加载。

      • marginwidth: frame标签中的该属性用于指定边框与左右框架内容之间的间距宽度(以像素为单位)。
        例子:
        
        
      • marginheight: frame 标签中的该属性用于指定边框与上下边框内容之间的间距高度(以像素为单位)。
        例子:
        
        
      • 滚动条:要控制框架中滚动条的外观,请使用框架标签中的滚动条属性。这主要用于控制滚动条的外观。该属性的值可以是yes、no、auto。值 no 表示不会出现滚动条。
        例子:
        
        

      好处:

      • 它允许用户在单个网页中查看多个文档。
      • 它在单个框架集中加载来自不同服务器的页面。
      • 不支持框架的旧浏览器可以使用该标签进行寻址。

      缺点:由于它的一些缺点,它很少在网络浏览器中使用。

      • 框架会使网站的制作变得复杂。
      • 用户无法为框架内查看的任何网页添加书签。
      • 浏览器的后退按钮可能无法像用户希望的那样工作。
      • 使用过多的帧会给服务器带来很高的工作量。
      • 许多旧的网络浏览器不支持框架。

      注意: HTML5 不支持此标签。
      支持的浏览器: 标签支持的浏览器如下:

      • 谷歌浏览器
      • IE浏览器
      • 火狐
      • 歌剧
      • 苹果浏览器

      CSS 是网页的基础,用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。