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

Question

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

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

另外，其他可能的功能是有一个外部文档，假设它是一个导航栏，所以你把它放在多个页面中，当你需要更新时，你只编辑外部文档而不是每个页面(万岁!)。

问题:

1. 它实际上名为动态内容吗？
2. 除了 HTML、CSS 和 JS 之外，它还需要哪些语言？像 PHP 或 ASP(如果有任何必要的话)。
3. 以这种方式创建页面是否会对您的网站在 Google 中的排名产生负面/正面影响？因为我认为当 Googlebot 到达页面时，它看到的只是脚本。

Answer 1

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

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

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

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

2. 您的第二套语言(PHP 等)是从数据库中读取并吐出相应的 HTML。

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

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

例如，当您写下您的问题时，Stack Overflow 试图找到类似的问题并向您展示，以防已经有人问过。 JavaScript 向他们的服务器发送请求并更新部分页面作为响应。

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

2. 通常您会在 Web 服务器上运行 PHP 或类似程序，以响应内容请求。

3. 同样，Google 的机器人足够聪明，可以应对这种情况。但这不一定适用于所有搜索引擎。