参考资料

  1. HTML移除边框 Iframe
  2. HTML 表格高度和宽度
  3. HTML 表格头部、主体、页脚
  4. HTML 链接语法
  5. HTML 内联元素
  6. HTML 段落
  7. HTML 超链接
  8. HTML 水平线

HTML 框架

HTML 框架

简介

HTML框架允许在同一个浏览器窗口中显示多个HTML文档。每个HTML文档称为一个框架，所有框架组合在一起构成框架集。

主要标签

<frameset>

  • 定义框架集

  • 属性：

    • cols：垂直分割窗口（列）

    • rows：水平分割窗口（行）

    • border：框架边框宽度

    • frameborder：是否显示边框（1/0）

<frame>

  • 定义单个框架

  • 属性：

    • src：框架中显示的文档URL

    • name：框架名称

    • noresize：禁止调整大小

    • scrolling：滚动条设置（yes/no/auto）

<noframes>

  • 为不支持框架的浏览器提供替代内容

基本用法

<!DOCTYPE html>
<html>
<frameset cols="25%,75%">
  <frame src="menu.html" name="menu">
  <frame src="content.html" name="content">
  <noframes>
    <body>您的浏览器不支持框架</body>
  </noframes>
</frameset>
</html>

实例

垂直分割

<frameset cols="100,*,50%">
  <frame src="left.html">
  <frame src="middle.html">
  <frame src="right.html">
</frameset>

水平分割

<frameset rows="20%,60%,20%">
  <frame src="header.html">
  <frame src="main.html">
  <frame src="footer.html">
</frameset>

混合分割

<frameset rows="20%,80%">
  <frame src="header.html">
  <frameset cols="30%,70%">
    <frame src="menu.html">
    <frame src="content.html">
  </frameset>
</frameset>

功能特点

  1. 独立加载和刷新不同框架

  2. 框架间可以相互通信

  3. 可以固定某些部分（如导航栏）

  4. 减少服务器负载（部分刷新）

CSS扩展

虽然框架集本身不使用CSS，但框架内的HTML文档可以使用CSS：

<!-- 在框架内的HTML文件中 -->
<style>
  body {
    margin: 0;
    padding: 10px;
    background-color: #f0f0f0;
  }
  
  /* 针对特定框架的样式 */
  frame[name="menu"] {
    border-right: 2px solid #333;
  }
</style>

注意事项

  1. 现代HTML5已不推荐使用框架（<frameset>、<frame>）

  2. 替代方案：使用<iframe>或CSS布局（Flexbox/Grid）

  3. 框架可能影响SEO和可访问性

  4. 某些移动设备不完全支持框架

TAG：框架文档浏览器定义属性水平边框替代部分同一个

AIGEO优化摘要

AI可读摘要：HTML 框架简介HTML框架允许在同一个浏览器窗口中显示多个HTML文档。每个HTML文档称为一个框架，所有框架组合在一起构成框架集。主要标签frameset定义框架集属性：cols：垂直分割窗口（列）rows：水平分割窗口（行）border：框架边框宽度frameborder：是否显示边框（1/0）frame定义单个框架属性：src：框架中显示的文档UR...
常见问题：
HTML 框架主要讲了什么？

HTML 框架简介HTML框架允许在同一个浏览器窗口中显示多个HTML文档。每个HTML文档称为一个框架，所有框架组合在一起构成框架集。主要标签frameset定义框架集属性：cols：垂直分割窗口（列）rows：水平分割窗口（行）border：框架边框宽度frameborder：是否显示边框（1/0）frame定义单个框架属性：src：框架中显示的文档UR...

HTML 框架适合哪些人参考？

适合正在了解文章信息、进行对比筛选，或希望快速获得结论的用户参考。

阅读HTML 框架时应重点看哪些内容？

建议重点关注标题、摘要、正文说明、图片资料和更新时间。

AIGEO评分：70/100
  • 标题建议保持在8-60个字。
  • 建议补充封面或内容图片。
作者：王壹杰
时间：2025-04-24 09:35:01
来源：https://html.ciilii.com/