Question

昨晚我决定在我的电脑列表页面添加HTML片段链接。但是，无论链接模式，还是我使用的浏览器，这些片段链接都无法导航。

http://icelava.net/mycomputers.aspx#SEPHIROTH

http://icelava.net/mycomputers.aspx#DIABLO

答案上的

更新：在我的标签属性错误突出显示后，链接现在正确地流向片段位置。

我没有找到任何真正的答案，但是根据我的阅读，有一些提示暗示我使用CSS定位来形成带有两个DIV的双列布局可能会给浏览器带来麻烦，无法确定垂直位置片段链接。

#ContentCol
{
   margin-right: 130px;
   padding: 3px;
}

#RightSideCol
{
   background-color: #fff;
   float: right;
   padding: 0px;
   width: 126px;
}

如果是这种情况，那么允许HTML片段链接的适当方法是什么？

Answer 1

为了让这些网址导航到您的预定目标，您需要命名锚点，而不是页面中的链接锚点。例如：

<a name="SEPHIROTH" />

（没有hashmark）而不是：

<a href="#SEPHIROTH"> #1</a>

最好不要使用命名锚点，也可以只提供要导航id属性的元素。

<td id="SEPHIROTH">...</td>

另一个例子。试试这个链接：http://icelava.net/mycomputers.aspx#FooterBanner 你看，由于id属性，它向下滚动到你的页脚。

Answer 2

如果你的代码，你有，例如：

<a href="#SEPHIROTH">#3</a> Dell XPS M1530

您可能需要添加id属性：

<a id="SEPHIROTH" href="#SEPHIROTH">#3</a> Dell XPS M1530

当您点击<a>时，它会'跳'到自己。这是你想要的吗？

HTML片段链接与CSS定位一起使用？

2 个答案: