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>

属性

标签特定属性

属性描述
frameborder0 1它指定是否在框架周围显示边框,默认值为 1
longdsecURL它指定一个包含框架内容的长描述的页面。
marginheightpixels它指定框架的上下边距。
marginwidthpixels它定义框架之间的边距的高度。
nametext它用于给框架分配名称。
noresizenoresize它用于防止用户调整框架的大小。
scrollingyes no auto它指定是否存在用于溢出内容的滚动条。
srcURL它指定要在框架中显示的文档的 URL。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<frame>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想