超链接书签链接在 Firefox 中不起作用答案

【问题标题】：Hyperlink Bookmarks Links not working in Firefox超链接书签链接在 Firefox 中不起作用
【发布时间】：2014-02-03 18:41:22
【问题描述】：

我有一个简单的 .aspx 页面，我在该页面添加了一些书签锚点，重定向到带有书签的不同页面。

<a class="questionLink" href="painting-answers#Answer7">Paint Chalking</a>

当您在 Firefox 中单击此超链接时，该 URL 会指示书签： http://www.davincispainting.com/painting-answers#Answer7

但是，这不会导航到第二页中的实际书签

<h2 id="answer7">Paint Chalking</h2>

问题出现在 Firefox 而不是 IE8。

我最初认为是路由导致了问题，因为我没有在链接中包含 .aspx 页面扩展名。所以我加了扩展，还是不行。

<a class="questionLink" href="painting-answers.aspx#Answer7">Paint Chalking</a>

如何调试这个问题？

【问题讨论】：

【解决方案1】：

页面文件是否以扩展名结尾？如果是这样，请确保您的链接包含扩展名。另外，请检查您的大小写。此外，书签语法的标准做法不是基于随机控件的 ID 导航，而是基于锚标记。见W3 Schools Example。

你应该...

<a id="answer7" />
<h2>Paint Chalking</h2>

链接应该是这样的：

<a class="questionLink" href="PATHTOPAGE#answer7">Paint Chalking</a>

PATHTOPAGE 被替换为另一个页面的绝对或相对路径。确保解决。

【讨论】：

所有页面都有 .aspx 扩展名，但是，因为我使用的是路由，所以可以省略该扩展名。不过，我添加了问题中提到的 .aspx 扩展名： href="painting-answers.aspx#Answer7" 我读过“名称”属性正在被贬低？带ID的H2现在是标准吗？我可以测试一下。
@Paul 我编辑了我的答案。你是对的，不推荐使用“名称”。但是您仍然使用锚元素而不是标题元素来定义页面内的书签。

【解决方案2】：

问题在于名称本身：

<h2 id="Answer7" style="font-size:1.5em; color:Green;">Paint Chalking</h2>

不同于：

<h2 id="answer7" style="font-size:1.5em; color:Green;">Paint Chalking</h2>

【讨论】：