本文概述
- 属性
- 支持的浏览器
< frameset> 标记与< frameset> 一起使用, 它将网页分为多个部分或框架, 每个框架可以包含不同的网页。
注意:不要使用HTML < frame> 标记, 因为HTML5不支持该标记, 而是可以将< iframe> 或< div> 与CSS一起使用, 以在HTML中获得类似的效果。 句法
<
frame src = "http://www.srcmini.com/URL" >
以下是有关HTML < frame> 标记的一些规范
Display | Block |
开始日期/结束日期 | 开始标签(必填), 结束标签(禁止) |
Usage | Frames |
创建垂直框架:
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Frame tag<
/title>
<
/head>
<
frameset cols="25%, 50%, 25%">
<
frame src="http://www.srcmini.com/frame1.html" >
<
frame src="http://www.srcmini.com/frame2.html">
<
frame src="http://www.srcmini.com/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="http://www.srcmini.com/frame1.html" >
<
frame name="main" src="http://www.srcmini.com/frame2.html">
<
frame name="bottom" src="http://www.srcmini.com/frame3.html">
<
/frameset>
<
/html>
立即测试
【HTML frame标记(HTML5不支持)】输出:
文章图片
属性 特定于标签的属性
属性 | 值 | 描述 |
---|---|---|
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 |
推荐阅读
- HTML frameset标记(HTML5不支持)
- HTML格式
- HTML表单输入类型
- HTML表单属性
- HTML表单详解
- HTML input标签
- HTML图片
- HTML iframe用法
- HTML ID属性