zoukankan      html  css  js  c++  java
  • iframe标签

    iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

    iframe代码示例:

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

    iframe的一些注意事项:

    1、frame不能脱离frameSet单独使用,iframe可以; 

    2、frame不能放在body中;如下可以正常显示: 
    <!--<body>--> 
    <frameset rows="50%,*"> 
       <frame   name="frame1"   src="test1.htm"/>  
       <frame   name="frame2"   src="test2.htm"/>  
    </frameset> 
    <!--<body>--> 

    如下不能正常显示: 
    <body> 
    <frameset rows="50%,*"> 
       <frame   name="frame1"   src="test1.htm"/>  
       <frame   name="frame2"   src="test2.htm"/>  
    </frameset> 
    <body> 

    3、嵌套在frameSet中的iframe必需放在body中;如下可以正常显示: 
      <body> 
        <frameset>  
          <iframe   name="frame1"   src="test1.htm"/>  
          <iframe   name="frame2"   src="test2.htm"/>  
        </frameset>  
      </body> 
    如下不能正常显示: 

      <!--<body>--> 
        <frameset>  
          <iframe   name="frame1"   src="test1.htm"/>  
          <iframe   name="frame2"   src="test2.htm"/>  
        </frameset>  
      <!--</body>--> 


    4、不嵌套在frameSet中的iframe可以随意使用; 
         如下均可以正常显示: 
    <body> 
       <iframe   name="frame1"   src="test1.htm"/>  
       <iframe   name="frame2"   src="test2.htm"/>  
    </body> 


    <!--<body>--> 
       <iframe   name="frame1"   src="test1.htm"/>  
       <iframe   name="frame2"   src="test2.htm"/>  
    <!--</body>--> 


    5、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制,如: 

    <!--<body>--> 
    <frameset rows="50%,*"> 
       <frame   name="frame1"   src="test1.htm"/>  
       <frame   name="frame2"   src="test2.htm"/>  
    </frameset> 
    <!--</body>--> 

    <body> 
    <frameset> 
       <iframe height="30%"  name="frame1"   src="test1.htm"/>  
       <iframe height="100"  name="frame2"   src="test2.htm"/>  
    </frameset> 
    </body> 

  • 相关阅读:
    Hibernate事务代码规范写法
    关于hibernate插入数据时的乱码问题
    搭建hibernate环境(重点)
    接口测试概念以及用postman进行接口测试
    Atom编辑器之加快React开发的插件汇总
    如何搭建git服务器
    phpstorm 配置 xdebug调试工具
    linux 获取指定行范围文本内容
    odoo 创建一个qweb
    linux nohup 使用
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/7533457.html
Copyright © 2011-2022 走看看