HTML框架标签

本文介绍了HTML中的旧技术框架标签,包括frameset(框架集合)、frame(独立框架)和iframe(内联框架)的定义、用法及示例,重点强调了frameset已被废弃,现代网页更多采用iframe实现灵活布局,如广告设计。
摘要由CSDN通过智能技术生成

框架标签

在HTML中,框架标签是一种旧技术,用于把浏览器窗口分割成多个部分,每个部分可以加载不同的HTML页面,主要涉及下面三个标签:

  1. <frameset>
  2. <frame>
  3. <iframe>

下面简要说明每个标签

<frameset>(该标签已经废弃)

该标签用于定义一个框架合集,即一个包含多个框架的布局。它通过rows和cols来定义框架的尺寸与位置

注意:该标签不能与<body>一起使用

示例:

<frameset cols="25%,75%">
	<frame src="frame1.html">
	<frame src="frame2.html">
</frameset>

这里表示浏览器窗口被分为两列,左列占25%,右列占75%

<frame>(该标签已废弃)

该标签用于在框架集中定义一个单独的框架。它制定了框架内加载HTML的位置。该标签必须嵌套在<frameset>

内。

示例:

<frameset rows="50%,50%">
  <frame src="top.html" name="topFrame">
  <frame src="bottom.html" name="bottomFrame">
</frameset>

这里表示窗口被分为上下两部分,每个部分包含一个框架。

<iframe>

该标签用于创建一个内联框架,直接将其嵌入到当前网页中。与<frameset>与<frame>不同的是,它可以嵌套在<body>标签内。

示例:

<iframe src="iframe.html" width="300" height="200"></iframe>

这里表示一个像素大小为300×200的iframe框架被嵌入到当前网页中

我们通常可以见到网页旁边有广告,基本上都是用iframe设计出来的

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值