在 HTML5 的时代，我们看到了许多新的特性和改进，其中之一就是淘汰了曾经广泛使用的 frame 标签。frame 标签是 HTML4 中用于创建框架（或称为内联框架）的元素，它允许在一个 HTML 页面中嵌入另一个 HTML 页面。然而，随着 Web 技术的发展，frame 标签因其局限性而被淘汰。
frame 标签的局限性
1. 用户体验问题
frame 标签的引入虽然为网页设计提供了一种新的方式，但同时也带来了一系列用户体验上的问题。例如：
- 导航困难：用户很难在多个框架之间进行导航，导致用户容易迷失。
- 滚动冲突：不同框架之间的滚动条可能存在冲突，使得页面滚动变得异常复杂。
- SEO 影响：搜索引擎优化（SEO）方面，由于框架内容难以被搜索引擎正确索引，影响了页面的搜索排名。
2. 交互性问题
frame 标签在交互性方面也存在一些问题，如：
- 框架内容无法单独操作：在框架中嵌入的页面内容无法独立于框架进行操作，如添加书签、打印等。
- 跨框架通信困难：框架之间的通信需要额外的技术支持，如 JavaScript 对象窗口（window）。
HTML5 的替代方案
为了解决 frame 标签的问题，HTML5 引入了一系列新的元素和属性，如 iframe、section、article 等，以提供更丰富的页面布局和交互功能。
1. iframe
iframe 是 HTML5 中用于嵌入另一个 HTML 页面的元素。与 frame 相比，iframe 具有以下优势：
- 更好的用户体验：
iframe支持独立的导航、滚动条，用户可以更方便地在嵌入的页面中进行操作。 - SEO 优化：
iframe中的内容可以被搜索引擎正确索引，有利于提高页面的搜索排名。
2. section、article 等
HTML5 还引入了 section、article、aside、header、footer 等元素，用于定义页面的不同部分，从而提高页面的结构性和可读性。
总结
淘汰 frame 标签是 HTML5 发展的一个重要里程碑，它标志着 Web 技术向更高效、更易于管理的方向发展。虽然 frame 标签已经不再使用，但我们可以通过 HTML5 中的新元素和属性来构建更优质、更符合用户需求的网页。