在HTML5中，传统的＜frameset＞和＜frame＞元素已经不再被推荐使用，并且不被视为HTML5标准的一部分

Bol5261

已于 2024-04-12 18:57:18 修改

阅读量1.2k

点赞数

于 2020-06-27 19:18:49 首次发布

本文链接：https://blog.csdn.net/blog_programb/article/details/106986732

版权

Job(a good job programmer) 同时被 3 个专栏收录

2049 篇文章 7 订阅

订阅专栏

HTML5(HyperText Markup)

302 篇文章 14 订阅

订阅专栏

CSS(Cascading Style Sheets)

141 篇文章 0 订阅

订阅专栏

在HTML5中，传统的和元素已经不再被推荐使用，并且不被视为HTML5标准的一部分。相反，现代网页布局和设计通常依赖于CSS样式和JavaScript技术来实现复杂的页面结构和交互。

然而，如果你出于某种原因仍然需要实现类似框架嵌套的效果，你可以通过使用

元素和CSS布局（如Flexbox或Grid）来实现。这种方法更加灵活，并且符合现代Web标准。

下面是一个使用

元素和CSS Flexbox布局来实现框架嵌套效果的简单示例：

html

框架嵌套示例

顶层框架

这是顶层框架的内容。

嵌套框架 1

这是嵌套框架的内容。

嵌套框架 2

这是另一个嵌套框架的内容。

底层框架

这是底层框架的内容。

在这个示例中，.frame 类代表一个框架，它使用Flexbox布局来垂直排列其子元素（.child-frame）。每个.child-frame元素代表框架中的一个区域，它们平分框架的可用空间。

在顶层框架中，我们嵌套了另一个.frame元素（带有.nested-frame类），它本身也包含两个.child-frame元素。这样，我们就实现了一个框架的嵌套效果。

请注意，这个示例仅用于演示目的，并且在实际应用中，你可能需要根据你的具体需求调整样式和布局。此外，使用CSS Grid布局也可以实现类似的框架嵌套效果，并且提供了更多的布局灵活性。
HTML5 不支持 frameset 标签。
frameset 标签定义一个框架集。
frameset 元素被用来组织一个或者多个 frame 元素。每个 frame 有各自独立的文档。
frameset 元素规定在框架集中存在多少列或多少行，以及每行每列占用的百分比/像素。
注释：如果您希望验证包含框架的页面，请确保 !DOCTYPE 被设置为 “HTML Frameset DTD” 或者 “XHTML Frameset DTD” 。

 	<html >
 	<head>
        <title>纵向分割窗口</title>
 	</head>
 		
 	<frameset cols="25%,*%">
        <frame>
 	<frameset rows="40%,*%">
 	<frame>
 	<frame>
 	</frameset>
        </frameset>
 	</html>>