HTML框架集与框架知识

<framset>标签告知浏览器这个网页是个框架集页面,只是将浏览器窗口如何被分割成多个区域。它包含分割而成的多个区域及框架<frame />,而每个框架负责显示一个页面


一个简单的框架,将浏览器垂直分割成两个页面的例子


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<!-- cols垂直分割,单位可以用px像素,百分比,或使用*表示剩余部分 rows水平分割 -->
<frameset  rows="50%,50%" cols="50%,*">
<!-- 左上框架 src框架中页面的地址 name:框架的名称,与超链接或表单的target属性关联 。scrolling属性是,auto自动,根据页面内容大小自动设定,yes始终显示滚动条,no始终不显示滚动条。noresize:不能改变框架大小-->
<frame src="index.html" name="leftTopFrame" scrolling="yes" />
<!-- 右上框架 -->
<frame src="blogs.html" name="rightTopFrame" scrolling="no"/>
<!-- 左下框架 -->
<frame src="favorites.html" name="leftLowerFrame" scrolling="auto"/>
<!-- 右下框架 -->
<frame src="photos.html" name="leftLowerFrame" noresize />
<!-- 浏览器不支持框架集时 -->
<noframes>
<body>
<p>浏览器不支持框架集时,将看到这样的页面</p>
</body>
</noframes>

</frameset>
</html>


框架集可以嵌套使用


浮动框架iframe



<iframe src="浮动框架中的页面地址" name="浮动框架的名称,与超链接或表单的target属性关联" scrolling="auto|yes|no" width="40px" height="50%" />


浮动框架应用于body标签中


超链接和表单的目标框架或窗口


<frame  name="mainFrame" />超链接后将超链接的页面地址在该框架中显示


<a href="board_1.html" target="mainFrame">版块一</a>


<a href="board_2.html" target="mainFrame">版块二</a>


target属性中的参数解析


_self :当前框架中打开


_blank:浏览器自动新建的窗口中打开


_top:当前整个页面中打开


_parent:当前框架所属的上级框架集所占据的区域内打开


自定义窗口名:自定义的窗口中打开,如果该窗口不存在,则心中此窗口,再打开




<base/>标签设定基准目标


base标签可以在页面中出现多次,需要注意其作用域


<head>
<!--自动在该页面超链接标签和表单标签中添加该属性和属性值-->
<base target="mainFram" />
</head>
<!--自动添加上target标签和内容-->
<a href="board_1.html" >版块一</a>


<a href="board_2.html" target="mainFrame">版块二</a>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值