为什么在模态对话框中调用单独的页面而不是使用隐藏的DIV？

Question

我不确定我是否正确地提出了这个问题，但是请听我说......

在我的主导航中，我通过fancybox.ajax调用了一些链接，然后显示一个单独的页面（即点击标题为“INFO”的链接在Fancybox中打开info.php）。

这是有效的，但我也看到人们使用隐藏div的例子。

This question很有帮助，从SEO的角度解释事情，并让我重新思考我的结构。问题是为什么我想将我的数据包含在一个单独的页面而不是隐藏的div中，它带给我什么好处？我会注意到我目前正在使用单独的页面，因为我认为这是一个很好的做法，但在阅读了这个问题后，我已经转过身了。

编辑：我理解为什么我会使用一个没有模态的单独页面...但我特别询问不使用隐藏的div与模态框

Answer 1

AJAX模式的案例

赞成

1. 在某些设置中更易于管理和整理
2. 标记很干净
3. 非常适合处理大量需要时间加载的数据。以这种方式延迟加载会让应用程序感觉响应。

缺点

1. Google不会抓取内容（在某些情况下可能是专业人士）
2. 与隐藏的div相比渲染速度较慢

在大多数情况下，您需要隐藏的div。如果没有，则动态呈现内容的功能。

Answer 2

如果您通过链接呼叫这些外部网页，那么无论是否在模式框中打开，Google都会关注这些链接。如果您禁用了javascript，那么这些页面仍会打开。所以

<a class="fancybox" href="info.php" rel="help">INFO</a>

从SEO的角度来看，

是一个完美有效的结构。如何向访问者，在同一窗口，新标签或模态窗口中显示信息是一个呈现问题。

奇怪的是，你可以有一个隐藏的<div>并在模态窗口中打开这样的内容，但正如@zachary所提到的，隐藏内容可能会影响页面加载的性能。

注意在这种情况下，我们讨论的是在模式框中显示“链接”内容，这与通过任何ajax方法动态提取内容不同（jQuery .load()或{例如{1}} ......从SEO的角度来看，这肯定会产生影响，因为如果访问者禁用了javascript，谷歌将无法看到内容并且内容实际上根本不会显示。