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

HTML框架

时间:2014-07-26 15:18:20      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:iframe

抄自:http://www.w3school.com.cn/html/html_frames.asp

1.框架定义

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

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

框架结构标签(<frameset>)

  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行或列
  • rows/columns 的值规定了每行或每列占据屏幕的面积
<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

      假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 <noframes>标签。

【注】不能将 <body></body> 标签与<frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)

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

<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</frameset>
</html>

2.内联框架

       添加iframe的语法:

           <iframe src="URL"></iframe>

【注】height width 属性用于规定 iframe的高度和宽度。属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

【注】frameborder 属性规定是否显示 iframe周围的边框。设置属性值为 "0"就可以移除边框。

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

【注】iframe 可用作链接的目标(target)。链接的 target属性必须引用 iframe name属性。

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

 


 

HTML框架,布布扣,bubuko.com

HTML框架

标签:iframe

原文地址:http://blog.csdn.net/lsjseu/article/details/38141453

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