HTML frame标记(HTML5不支持)

本文概述

HTML <frame>标记定义了HTML文件中可以显示另一个HTML网页的特定区域。

<frameset>标记与<frameset>一起使用, 它将网页分为多个部分或框架, 每个框架可以包含不同的网页。

注意:不要使用HTML <frame>标记, 因为HTML5不支持该标记, 而是可以将<iframe>或<div>与CSS一起使用, 以在HTML中获得类似的效果。

句法

< frame src = "URL" >

以下是有关HTML <frame>标记的一些规范

Display Block
开始日期/结束日期 开始标签(必填), 结束标签(禁止)
Usage Frames

例子1

创建垂直框架:

<!DOCTYPE html>
<html>
<head>
	<title>Frame tag</title>
</head>
  <frameset cols="25%, 50%, 25%">
  	<frame src="frame1.html" >
  	<frame src="frame2.html">	
  	<frame src="frame3.html">
  </frameset>
</html>

立即测试

输出:

HTML frame标签

Frame1.html

<!DOCTYPE html>
<html>
<head>
	<style>
	   div{
                            background-color: #7fffd4; 
	   	 height: 500px;
	   	}
	</style>
</head>
<body>
	<div>
		<h2>This is first frame</h2>
	</div>
 </body>
</html>

Frame2.html

<!DOCTYPE html>
<html>
<head>
	<style>
	   div{
	   	 background-color: #2f4f4f; 
	   	 height: 500px;

	   }
	</style>
</head>
<body>
	<div>
		<h2>This is Second frame</h2>
	</div>
 </body>
</html>

Frame3.html

<!DOCTYPE html>
<html>
<head>
	<style>
	   div{
	   	 background-color: #c1ffc1; 
	   	 height: 500px;
                      }
	</style>
</head>
<body>
                <div>
	      <h2>This is Third frame</h2>
	</div>
 </body>
</html>

范例2:

创建水平框架:

<!DOCTYPE html>
<html>
<head>
	<title>Frame tag</title>
</head>
  <frameset rows="30%, 40%, 30%">
  	<frame name="top" src="frame1.html" >
  	<frame name="main" src="frame2.html">	
  	<frame name="bottom" src="frame3.html">
  </frameset>
</html>

立即测试

输出:

HTML frame标签

属性

特定于标签的属性

属性 描述
frameborder 0 1 它指定是否在边框周围显示边框, 其默认值为1
longdsec URL 它指定了一个页面, 其中包含框架内容的详细描述。
marginheight pixels 它指定框架的顶部和底部页边距。
marginwidth pixels 它定义了框架之间页边距的高度。
name text 用于将名称分配给框架。
noresize noresize 它用于防止用户调整框架的大小。
scrolling 是的没有自动 它指定存在用于溢出内容的滚动条。
src URL 它指定我们要在框架中显示的文档的URL。

支持的浏览器

Element Chrome IE Firefox Opera Safari
<frame> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?