码迷,mamicode.com
首页 > Web开发 > 详细

HTML的框架

时间:2018-01-31 11:26:51      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:png   相关   post   and   body   页面   scrolling   mic   mes   

一、什么是框架?  

  通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

二、框架相关的元素和属性

1、frameset元素

  a、frameset

  frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或   rows 属性。 

1 <html>
2
3 <frameset cols="25%,50%,25%">
4   <frame src="frame_a.htm" />
5   <frame src="frame_b.htm" />
6   <frame src="frame_c.htm" />
7 </frameset>
8 
9 </html>

效果 :

技术分享图片

b、frameset的属性

  技术分享图片

     <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。可以使用三个*将框架平均分成三部分。

2、frame元素

  a、frame    

        <frame> 标签定义 frameset 中的一个特定的窗口(框架)。frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等.

  b、frame属性

      技术分享图片

        由于浏览器对 longdesc 属性的支持性非常差,没有必要使用该属性。

三、内联框架

1、iframe元素

  a、iframe

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

<html>
<head>
   <title>内联框架</title>
    <meta charset="UTF-8"> 
</head>
<body>

<iframe src="/i/eg_landscape.jpg"></iframe>

<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>


</body>
</html>

  b、iframe属性

      技术分享图片

        sandbox属性:

        技术分享图片

         srcdoc属性:      

           <iframe srcdoc="<p>Hello world!</p>" src="demo_iframe_srcdoc.htm"></iframe>       

srcdoc 属性规定页面的 HTML 内容显示在行内框架中。

提示:该属性与 sandbox 和 seamless 属性一同使用。

如果浏览器不支持 srcdoc 属性,则将覆盖在 src 属性(若已设置)中规定的内容。

如果浏览器不支持 srcdoc 属性,则相应地会显示在 src 属性(若已设置)中规定的文件。

HTML的框架

标签:png   相关   post   and   body   页面   scrolling   mic   mes   

原文地址:https://www.cnblogs.com/yiluhuakai/p/8390373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!