动态HTML内容页面,如Dropbox和Soundcloud

时间:2016-12-16 19:35:10

标签: javascript php html css dynamic

查看Dropbox's main page或任何Soundcloud page的源代码。您可以看到他们有很多脚本正在进行,而且很少有纯HTML内容(articlemainpdiv)。我一直在搜索,似乎生成页面的方式称为动态内容/ HTML (如果错误则纠正我)。

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

此外,其他可能的功能是拥有一个外部文档,这可以说它是一个导航栏,因此您将其放在多个页面中,当您需要更新时,您只需编辑外部文档而不是每个页面(万岁!)。

问题:

  1. 它实际上是否命名为动态内容
  2. 除HTML,CSS和JS外还需要哪些语言?像PHP或ASP(假设任何一方都是必要的)。
  3. 以这种方式创建网页是否会对您在Google中的网站定位产生负面影响?由于我认为当Googlebot到达该页面时,所有它看到的都是脚本。

1 个答案:

答案 0 :(得分:2)

dynamic 这个词有两个略有不同的定义,这可能会使您搜索有关此信息的信息变得混乱。我会分别回答你的问题。

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

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

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

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

  3. Google的僵尸程序很聪明:它可以呈现页面,并且会看到与浏览器中的内容类似的内容。因此,动态生成页面而不是静态生成页面不会计入SEO的网站;动态生成大量非常相似的页面可能会对它产生影响。

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

    例如,当您编写问题时,Stack Overflow会尝试查找类似的问题,并在已经被问到的情况下向您展示。 JavaScript正在向他们的服务器发送请求并更新部分页面作为响应。

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

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

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