页面链接到页面内部框架

Question

我有一个个人网站，我已经（尽我所能）没有模板。我不是很熟悉HTML，所以我不完全确定这是不好的做法，但这是我的问题。

我的网站由frameset组成，有3个框架。两个不改变（横幅和导航面板），另一个是内容。我在主框架中显示内容的方式是通过iframe。这就是问题所在。我建议将我的网站添加到抓取工具中，然后抓取所有内容页面。当我点击google建议的其中一个链接（例如，项目）时，浏览器会加载单个.html文件，而不会显示任何剩余的框架。换句话说，它不会通过设置格式和页面框架的index.html链接到页面，而只是将html作为独立页面加载。

有没有办法可以避免这种情况，所以如果从外部链接（而不是我的域）点击我网站的链接，页面首先会加载我的index.html，然后是感兴趣的页面，看起来好像是从我的索引中正常访问的？我不确定是否应该找到一种在主框架中显示我的内容的新方法，以避免iframe，或只需要一个简单的脚本来重定向用户。

不确定它是否有用，但我附上了我的页面照片，以便更好地解释我正在使用的框架布局。

非常感谢!!!

Answer 1

当您显示一致的内容时，iFrames绝对不是您要采取的路径......这些内容似乎是导航，标题，当然还有内容。当然，当“搜索引擎蜘蛛”抓取您的页面时会出现问题......根据我的理解，当您从另一个页面调用“内容”时，蜘蛛会抓取该页面但不会抓取index.html我们正在查看的页面。当“蜘蛛”抓取页面时，它会查找静态HTML标记/内容/关键字/等，当您从其他页面调用所有内容时，“蜘蛛”会将该内容视为在另一个页面上。

你想要我推荐？避免始终使用iFrame。 iFrame的目的是显示来自其他位置（外部）的内容，或在页面上显示静态内容，而无需滚动您正在查看iFrame的当前页面。

使用iFrame是不好的做法，我建议使用DIV。在这些DIV中，您可以放置​​内容，图像，链接...几乎任何您想要的东西，以及让人们查看您的网站以及搜索引擎蜘蛛的所有好处。

我希望这有帮助！ 谢谢， 亚伦

Answer 2

iFrames是一个糟糕的选择。如今，AJAX非常简单。只需用Div替换大iFrame，用AJAX替换页面，将内容放入Div。

用标签替换锚点，并用名称替换href，如下所示：

<div name='main.html' class='link' />

你需要一个id为'loadHere'的div： 然后包括jQuery（它非常简单，谷歌），并在HTML的末尾添加：

$('.link').click(function(){
    $.post(this.name,function(dat){
        $('#loadHere').html(dat); }); });