动态 HTML 内容页面，例如 Dropbox 和 Soundcloud

Question

查看Dropbox's main page 或任何Soundcloud page 的源代码。你可以看到他们有很多脚本在运行，很少有纯 HTML 内容（article、main、p、div）。我一直在搜索，似乎生成页面的方式称为动态内容/HTML（如果有错误请纠正我）。

所以，我认为它的功能是能够在 Javascript 中编辑多个外部单独文件（如果这是它使用的语言，因为它们是脚本），以便动态生成它们链接到的 HTML 文档.

另外，其他可能的功能是拥有一个外部文档，假设它是一个导航栏，因此您将其放置在多个页面中，当您需要更新时，您只需编辑外部文档而不是每个页面（万岁！）。

问题：

1. 它真的被命名为动态内容吗？
2. 除了 HTML、CSS 和 JS 还需要哪些语言？像 PHP 或 ASP（假设有必要的话）。
3. 以这种方式创建页面是否会对您的网站在 Google 中的定位产生负面/正面影响？因为我认为当 Googlebot 到达页面时，它看到的只是脚本。

Answer 1

动态这个词有两种细微不同的定义，这可能会使您在搜索相关信息时感到困惑。我会分别回答你的问题。

动态如“从数据库中保存的内容生成”

例如，在此页面上，您的信誉评分是从 Stack Overflow 的数据库中获取并注入 HTML。

1. 是的，这将被称为动态内容。与仅是固定文件的静态内容相比，动态内容将根据每个请求它的用户的部分构建。

2. 您的第二组语言（PHP 等）是从数据库中读取并输出相应 HTML 的语言。

3. Google 的机器人很聪明：它可以呈现页面，并且会看到与您在浏览器中看到的内容相似的内容。因此，动态生成页面而不是静态生成页面不会影响网站的 SEO；动态生成大量非常相似的页面可能会对其不利。

动态，如“无需刷新整个页面即可更新的页面内容”

例如，当您编写问题时，Stack Overflow 试图找到类似的问题并将其展示给您，以防已经被问到。 JavaScript 正在向他们的服务器发送请求并更新页面的一部分作为响应。

1. 这也称为动态内容。主要区别在于页面中的 JavaScript 进一步调用服务器以获取更多内容，这就是您在您提到的极简主义网站上看到的内容。这曾经被称为动态 HTML (DHTML)；更现代的参考文献更有可能根据 AJAX 或“单页网站”来讨论它。

2. 通常情况下，您会在 Web 服务器上运行 PHP 或类似软件，以响应内容请求。

3. 同样，Google 的机器人非常聪明，可以应对这一问题。但这并不一定适用于所有搜索引擎。