0

我有一个经典的问题,即有一个网站,我想保持标题和菜单 div 始终相同,然后让内容 div 在用户通过菜单输入时发生变化。

这是我用 php include 做的,它很好,但是每次内容 div 更改时,整个页面都会刷新。这很好,因为刷新整个页面非常快......除了徽标!所以我希望只是标题保持不变(标志保持漂亮和静态)。

一种解决方案是仅使用 Ajax 刷新内容 div,我知道,但据我所知(尤其是如果您希望您的内容可索引),您会在您的 url 中获得主题标签,而且被搜索引擎索引有点复杂(见这里

我发现一些网站似乎在页面的其余部分发生变化时“冻结”了菜单,并且 URL 完全像基本的 html。例如http://www.dfab.arch.ethz.ch/请注意左侧的白色矩形区域在单击另一个菜单时如何不刷新,以及简单的 url。知道这是怎么做到的吗?谢谢你。

4

1 回答 1

1

我能理解你提到的网站:http ://www.dfab.arch.ethz.ch/不使用任何类型的异步。它使用纯 javascript 预加载大背景图像,这不会评估您的问题:

<script language="JavaScript">
<!--
   function BilderVorladen() {
    document.Vorladen = new Array();
    if(document.images) {
        for(var i = 0; i < BilderVorladen.arguments.length; i++) {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = BilderVorladen.arguments[i];
        }
    }
}
//-->
</script>

您的原始问题的可能解决方案是:HTML iframe(有点丑陋并且被 google 劝阻)或者如果您想在没有 ajax hacks 的情况下保持异步方法,您的解决方案肯定是websockets(请参阅此处了解 IE polyfills),但这不会也可以缓解 SEO。

老实说,对于缓慢加载的徽标,它们看起来都像是矫枉过正。我宁愿改变方法并减少 img 的大小和/或格式,并确保 img 被缓存,因此必须在第一次下载它(通常是一个非常可接受的延迟)。

于 2013-08-21T13:07:50.500 回答