框架

1.<frameset>框架结构标签,也叫框架集。定义了如何将窗口分割为框架,从而在一个浏览器窗口中显示不止一个页面。每个页面(HTML文档)都被称为一个框架,并且每个框架都独立于其他的框架。基本用法如下:
<frameset cols="50%,50%">
  <frame src="http://www.baidu.com">
  <frame src="http://www.w3school.com.cn">
</frameset>
ps:每一个<frameset>都定义了一系列的行或列
pss:rows/cols的值规定了每行/每列占据浏览器窗口的面积
psss:并不见得使用框架就是好的,坏处显而易见:在一个窗口中显示多个页面,这使得开发人员必须同时进行跟踪一个以上的更多的HTML文档。而多个页面的结构也使打印整张页面变的更加困难。
pssss:<frame>框架标签,规定了放置在每个框架中的HTML文档。

2.<frame>的noresize属性使得一个框架的可见边框变为不可见。从而限制了用户通过拖动边框来改变框架大小的事情发生。用法如下:
<frameset cols="50%,50%">
  <frame src="http://www.baidu.com" noresize="noresize">
  <frame src="http://www.w3school.com.cn/" noresize="noresize">
</frameset>

3.不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!同时使用会发生什么?我测试同时使用反正是啥也不显示了。

4.如果浏览器不支持框架,那么就要用到<noframes>标签(我的浏览器支持框架..什么safari啦,firefox啦,google啦..嘛总之都支持所以我不知道啥效果),用法如下:
<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>

5.混合框架(说的挺高端,其实就是横向纵向的框架排列),例子如下:
<frameset rows="50%,50%">
<frame src="/ex
ample/html/frame_a.html">

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

</frameset>
ps:本例中,其实就是把第一个横向框架的第二个页面中又加入了一个有两个框架的纵向框架集。所以就叫做混合框架。

6.导航框架,导航框架包含一个将第二个框架作为目标的链接列表。在本例中,第一个页面是一个名为 "contents.htm" 的文件,其中包含三个链接。点击任意一个链接都会在第二个框架中将链接的html文档显示出来。至于文件中具体代码…我没有。例子如下:
<frameset cols="120,*">
  <frame src="/example/html/html_contents.html">
  <frame src="/example/html/frame_a.html" name="showframe">
</frameset>

7.<iframe>内联框架。本身呢,框架是一个块级元素。但是有些特殊情况下是需要在行内创建一个新框架。这时使用内联框架。用法如下:
<p>一些老的浏览器不支持 iframe。</p>
<iframe src="http://www.baidu.com"></iframe>
<p>如果得不到支持,iframe 是不可见的。</p>

ps:height和width属性用于规定内联框架的高度和宽度。属性值的默认单位是像素,但也可以用百分比来设定。
pss:frameborder属性规定是否显示内联框架周围的边框。当设置属性值为0的时候,就可以移除边框。
psss:内联框架可以用来作链接的目标(target)。在使用链接的target属性时必须引用内联框架的name属性。示范代码如下:
<iframe src="随便放什么都行,这个url只是加载内联框架时加载用的” name="iframe"></iframe>
<p><a href="http://www.baidu.com" target="iframe">百度一下,你就知道</a></p>
<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>

8.框架简单应用:利用导航框架来跳转至另一个文档的锚位置,即指定的节。
<frameset cols="180,*">

<frame src="/example/html/content.html">
<frame src="/example/html/link.html" name="showframe">

</frameset>
第一个文档中规定了两个链接,一个是没有锚的链接。一个是有锚的链接。第二个文档则是包含了锚的各个节的文字页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值