选项卡式HTML应用程序

Question

我正在编写一个基于复杂选项卡的Web应用程序，其中每个选项卡在没有交互的意义上彼此无关。因此，为了便于开发，我希望我希望每个选项卡都是一个单独的html页面，可以单独查看，稍后我可以通过选项卡组装它们，也可以是菜单或树 所以问题是：

1. 我打算使用iframe，所有主流浏览器都支持iframe吗？
2. iframes是否会被弃用，那么什么是替代品，例如是所有主流浏览器都支持的对象标签吗？
3. 我可以使用更好的策略而不是iframe / object吗？

但我喜欢的iframe是完全模块化的，所以每个页面都不了解其他。

注意：我选择的答案很好解释，但我仍然不确定为什么不是iframe 问题iframes vs ajax可以回答这个问题。

Answer 1

1. 是的，所有主流桌面浏览器都支持iframe。许多移动浏览器也是如此，包括iPhone上的IEMobile，Opera Mobile和Safari。我所知道的唯一主要浏览器不支持支持iframe是BlackBerry Browser。

2. 大多数浏览器都支持object标签，但各种浏览器的实现极不一致。

3. 只有一个普通导航菜单的平面页面有什么问题？如果您一次只显示一个页面，并且唯一一个位于iframe外部的界面元素是标签菜单，那么为什么不将标签集成到页面布局中并取消框架？

   任何类型的框架都会破坏人们熟悉的浏览器行为 - 例如前进和后退导航按钮。他们完全禁止使用书签。在构建网站时，您应该尽量不限制或指示访问者如何允许他们浏览您的网站。如果用户想要打开新标签的链接，则不应该没有导航菜单。如果他们使浏览器窗口具有特定大小，则页面内容应填充该区域，而不是iframe维度指定的预定区域。

   框架本质上是用户不友好的，这不足为奇，使他们对搜索引擎不友好;这就是为什么这么少的专业网站使用框架/ iframe。如今便宜的宽带足够普及，重新加载一些额外的千字节导航数据对整体用户体验没有任何影响。

Answer 2

如果我是你，我会使用jQuery UI Tabs而不是我自己的解决方案。

Answer 3

看起来你的网站不是静态的，所以我不明白你为什么要用裸HTML做这件事。

我会使用ASP.NET和CustomUserControl作为每个标签，它们的所有标签都是真正独立的，您可以在应用程序的任何位置重复使用它们

Answer 4

对于每个标签中的单独页面，您也可以使用服务器包含。

Answer 5

回答你的前两个问题：

1. 所有最新的网络浏览器都支持iframe，但我不确定移动浏览器。 Opera mobile是的，现在不关于iPhone。

2. html的下一个主要版本由WHATWG领导，并且支持iFrame。 xhtml

也支持此功能

就不同的方法而言，这在很大程度上取决于您将使用标签执行的操作。如果每个标签上都有很多信息或需要一段时间加载，那么单独的iFrame可能是最好的。此外，如果您要将代码重用为独立页面，那么iFrame也是一个不错的选择。