我已经找到了一种方法来使用<基础>和基于锚的链接。您可以使用JavaScript来保持像#contact这样的链接正常工作。我在一些视差页面中使用了它，它很适合我。

<base href="http://www.mywebsite.com/templates/"><!--[if lte IE 6]></base><![endif]-->

...content...

<script>
var link='',pathname = window.location.href;
$('a').each(function(){
    link = $(this).attr('href');
    if(link[0]=="#"){
        $(this).attr('href', pathname + link);
    }
});
</script>

你应该用在这一页的末尾

好吧，等一下。我认为基本标签配不上这种坏名声。

base标记的优点是它使您能够以更少的麻烦进行复杂的URL重写。

举个例子。您决定将http://example.com/product/category/thisproduct移动到http://example.com/product/thisproduct。修改.htaccess文件，将第一个URL重写为第二个URL。

有了base标签，就可以重写.htaccess了。没有问题。但是如果没有base标签，所有的相对链接都将中断。

URL重写通常是必要的，因为调整它们可以帮助您的网站的架构和搜索引擎可见性。的确，对于人们提到的“#”和“”问题，您需要变通方法。但是基本标记应该在工具包中占有一席之地。

哈希值“#”目前与基本元素一起用于跳转链接，但仅限于谷歌Chrome和Firefox的最新版本，而不是IE9。

IE9似乎会导致页面被重新加载，而不会跳转到任何地方。如果你在一个iframe的外部使用跳转链接，同时引导该框架在该框架内的另一个页面上加载跳转链接，你将得到加载在该框架内的跳转链接页面的第二个副本。

在AngularJS中，BASE标签默默地破坏了$cookieStore，我花了一段时间才弄清楚为什么我的应用程序不能再编写cookie了。警告……

有一件事要记住:

如果你要开发一个在iOS上的UIWebView中显示的网页，那么你必须使用BASE标签。否则它根本不会起作用。无论是JavaScript, CSS，图像-没有一个将工作在UIWebView下的相对链接，除非标签BASE被指定。

我以前也遇到过这种情况，直到我发现。

另外，你应该记住，如果你在非标准端口上运行你的web服务器，你也需要在base href上包含端口号:

<base href="//localhost:1234" />  // from base url
<base href="../" />  // for one step above