HTML教程-HTML<frame>标签(HTML5 不支持)
HTML <frame> 标签用于定义 HTML 文件中的特定区域,可以在该区域内显示另一个 HTML 网页。
<frame> 标签与 <frameset> 配合使用,将网页划分为多个部分或框架,每个框架可以包含不同的网页。
注意:不要使用 HTML <frame> 标签,因为它在 HTML5 中不被支持,相反,您可以使用 <iframe> 或带有 CSS 的 <div> 来实现类似的效果。
语法
<frame src="URL">以下是有关 HTML <frame> 标签的一些规范:
| 显示 | 块 |
|---|---|
| 开始标签/结束标签 | 开始标签(必需),结束标签(禁止) |
| 用法 | 框架 |
示例 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 | yes no auto | 它指定是否存在用于溢出内容的滚动条。 |
| src | URL | 它指定要在框架中显示的文档的 URL。 |
支持的浏览器
| 元素 | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<frame> | 是 | 是 | 是 | 是 | 是 |
Chrome
IE
Firefox
Opera
Safari