框架相关(frameset、frame、iframe)

时间:2022-07-03 05:43:16

<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>