Web 包含单个页面的网站有哪些优点和缺点?

Web 包含单个页面的网站有哪些优点和缺点?,web,Web,我想编码一个小网站,将包含像“家”,“画廊”,“联系我们”,“常见问题解答”等几个部分 我想在一个HTML中实现这一点,将每个部分放在一个div中,根据所选的菜单按钮,每次只显示一个div(使用Javascript/jQuery) 或者,我可以为每个部分创建一个单独的HTML页面,并将这些页面链接到菜单按钮 这两种方法的优缺点是什么?第一种方法意味着加载时间更长,因为你必须提前加载网站上的所有内容,对于禁用Javascript或浏览器不支持Javascript的人来说,这是完全失败的。第二种方法

我想编码一个小网站,将包含像“家”,“画廊”,“联系我们”,“常见问题解答”等几个部分

我想在一个HTML中实现这一点,将每个部分放在一个
div
中,根据所选的菜单按钮,每次只显示一个
div
(使用Javascript/jQuery)

或者,我可以为每个部分创建一个单独的HTML页面,并将这些页面链接到菜单按钮


这两种方法的优缺点是什么?

第一种方法意味着加载时间更长,因为你必须提前加载网站上的所有内容,对于禁用Javascript或浏览器不支持Javascript的人来说,这是完全失败的。第二种方法意味着用户只需加载他们实际查看的内容,即使在非Javascript浏览器上也可以使用。

该方法的优点是速度快,导航时不需要往返服务器

它也有几个缺点,主要是:; 您只能链接到首页,而不能直接链接到例如about页面,因为它没有单独的url


用户浏览器中的“后退”按钮将不再工作。

Javascript解决方案的优点主要是您不需要重新加载页面,这对用户来说非常好

另一方面,禁用javascript的访问者将无法加载不同的页面。此外,您不能使用浏览器的来回按钮浏览Javascript页面


我看到的最后一件事是,如果你不够仔细和有条理的话,你的代码可能会变得混乱。

搜索引擎优化一方面,谷歌机器人可能只会索引主页,而你的其他页面实际上对搜索引擎是看不见的。

第一种方法的主要缺点是:

  • 糟糕的搜索引擎优化:谷歌只会看到你的主页,因为谷歌机器人不执行javascript
  • 后退/前进按钮不起作用
  • 初始加载需要较长的时间
  • 随着网站变得越来越大,它需要更多的内存,可能会减慢浏览器甚至机器的速度

我想说,如果他使用锚来显示/隐藏内容,他就会被这种情况所掩盖。@Claudio-说得好,但是如果在一个页面上有大量不相关的内容,你仍然会失去一些东西。此外,谷歌非常擅长过滤掉页面上的任何“隐藏”内容,以防止关键字垃圾邮件(例如,有一个隐藏的div,其中包含许多实际上在页面上看不到的关键字)。因此,过滤可能也会损害他的页面——即使他无意进行关键词垃圾邮件处理。+1此外,如果不编写一些不必要的、复杂的javascript,个人“部分”就无法添加书签。我不同意,因为有#锚定:)@dzen,如果你在隐藏div时跟踪到#锚定的链接,你看到什么了吗?我想在站点中使用jQuery,所以我想它需要Javascript,对吗?而且所有主流浏览器都支持Javascript,所以我不认为这会困扰我。很多移动设备的浏览器都没有Javascript。很多人关闭Javascript,因为它是一个安全漏洞的大伤口。您刚刚失去了几%的潜在用户。更不用说在这个巨大的页面加载完成之前会剩下的巨大百分比了。我认为现在几乎每个人都启用了Javascript。我说得对吗?是的,确实如此,但例如在我的办公室里,有一些奇怪的安全漏洞,正因为这些漏洞,有相当多的被阻止的javascript无法工作。但一般来说,我会说大多数浏览器都有hs-active。我实际上认为,由于像NoScript这样的浏览器扩展,启用JavaScript的人可能比几年前少了。