HTML 框架

Posted on 2017-11-27 22:53  YanHongJie  阅读(141)  评论(0)    收藏  举报

HTML 框架

  通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

  

  框架集:

  

<frameset col='25%,50%,25%'>
     <frame src='1.html'><frame>
     <frame src='2.html'><frame>
     <frame src='3.html'><frame>
</frameset>

/*****************************/

<frameset row='25%,50%,25%'>
     <frame src='1.html'><frame>
     <frame src='2.html'><frame>
     <frame src='3.html'><frame>
</frameset>

  

  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行或列
  • row/col 的值规定了每行或每列占据屏幕的面积

 

  框架标签:

  Frame 标签定义了放置在每个框架中的 HTML 文档。

  

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

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

 

 

  内联框架:

  

<iframe src='1.html'></iframe>

  

  height 和 width 属性用于规定 iframe 的高度和宽度。

  属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

<iframe src='1.html' width='300' height='400'></iframe>

  

  

  frameborder 属性规定是否显示 iframe 周围的边框。

  设置属性值为 "0" 就可以移除边框:

  

<iframe src='1.html' frameborder='0'></iframe>

  

 

  

  iframe 可用作链接的目标(target)。

  链接的 target 属性必须引用 iframe 的 name 属性:

<iframe name='content'></iframe>
<p><a href='1.html'  target='content'>链接</a></p>

  当进行a链接跳转时,iframe里的内容将会跳转到a链接的地址。