zoukankan      html  css  js  c++  java
  • 框架相关(frameset、frame、iframe)

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

    框架集  <frameset></frameset>  (HTML5不支持)

      <frameset> 元素被用来组织一个或者多个 <frame> 元素,每个 <frame> 有各自独立的文档,<frameset> 元素仅规定在框架集中列和行的数目和尺寸

        cols:px/%/*(*表示占满剩余部分),框架集中列的数目和尺寸

        rows:px/%/*,框架集中行的数目和尺寸

        cols 和 rows 是互斥的,只能二选一

      注意:<frameset>标签不可与 <body> 标签同时使用,如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将文本放置在 <body></body> 标签中

          <frameset>

            <frame src="" />

            <frame src="" />

            <noframes>

            <body>您的浏览器不支持框架时才显示这部分内容</body>

            </noframes>

          </frameset>

    框架  <frame/>  (HTML5不支持)

      src:框架中显示的文档的URL

      name:规定框架的名称

      scrolling:yes/no/auto(默认),是否在框架中显示滚动条

      frameborder:1(默认)/0,是否显示框架周围的边框

      marginheight:框架上方和下方的边距

      marginwidth:框架左侧和右侧的边距

      longdesc:一个包含有关框架内容的长描述的页面URL

      noresize:单属性,锁定框架大小

    内联框架  <iframe></iframe>

      src:在iframe中显示文档的URL

      height:高度

      width:宽度

      scrolling:yes/no/auto(默认),是否显示滚动条

      frameborder:0/1(默认),是否显示边框

      marginheight:顶部和底部的边距

      marginwidth:左侧和右侧的边距

      sandbox:启用一系列对 <iframe> 中内容的额外限制,多个限制用空格分隔

        "":启用所有限制条件

        allow-same-origin:允许将内容作为普通来源对待,如果未使用该关键字,嵌入的内容将被视为一个独立的源

        allow-top-navigation:嵌入的页面的上下文可以导航(加载)内容到顶级的浏览上下文环境(browsing context),如果未使用该关键字,这个操作将不可用

        allow-forms:允许表单提交

        allow-scripts:允许脚本执行

      srcdoc:显示的页面的 HTML 内容,必需是有效的 HTML 语法,该属性应该与 sandbox 和 seamless 属性一起使用,若浏览器支持 srcdoc 属性且指定了 srcdoc 属性,它将覆盖 src 属性中规定的内容,否则将显示 src 属性中规定的内容

      seamless:单属性,规定 <iframe> 看起来像是父文档中的一部分(没有边框和滚动条)

      您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 iframe 的浏览器;

      <body>

        <iframe src="url" id="" height=" " width=" " frameborder="1/0" scrolling="yes/no/auto">

        </iframe>

      </body>

  • 相关阅读:
    Android studio测试软件——Monkey学习及运用
    MockPlus原型设计介绍
    MockPlus,一款好用的原型设计软件
    44道JavaScript难题 ---- 送命题
    使用JSONP实现跨域
    XML-RPC简单理解与博客园的MetaWeblog协议
    新型冠状病毒防控知识问答
    树莓派搭建个人服务器
    树莓派也跑Docker和.NET Core
    BugNet使用指南
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8875185.html
Copyright © 2011-2022 走看看