本文概述
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>
立即测试
输出:
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>
立即测试
输出:
属性
特定于标签的属性
属性 | 值 | 描述 |
---|---|---|
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 |