第二章 网站开发基础之HTML教程 - 二、常用HTML标签:frameset,框架集(块级元素)

2.frameset,框架集(块级元素)

    frameset标签可以在网页中嵌入框架集(框架的集合),即多个框架。
    iframe虽然可以在网页中嵌入单个的框架,但要在一个页面中嵌入多个框架(比如左中右三个框架,或上中下三个框架),却很难控制这些框架各自的宽度或高度以自适应显示屏。以一个网页插入左中右三个框架为例,我们控制左边的框架宽200(像素)、中间的框架宽100(像素)、右边的框架宽度自适应显示屏剩下的区域,用HTML、CSS、JavaScript都很难做到兼容性很好的控制。但使用framesest框架集标签却能很方便的设置。
 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>frameset标签</title>
</head>
<frameset cols="300,*">
<frame src="http://www.kuke.com">
<frame src="http://www.kuke.com">
</frameset>
<noframes>您的浏览器不支持框架集</noframes>
</html>


效果如下:


(图2-31)


    noframes标签的内容将在不支持frameset框架集的浏览器中显示。早期的浏览器有部分不支持frameset框架集,但现在的浏览器都支持。
    frameset标签的cols属性用于配置每一列子框架(frame)的宽度,*号代表自动宽度,通常一个cols属性里只有一个frame能用*代表自动宽度。rows属性用于配置每一行子框架(frame)的高度。cols属性或rows属性不能同时出现在一个frameset标签中。frameset标签通过指定cols属性或rows属性来决定子框架(frame)是按行排列还是按列排列。fram

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值