锚标签不起作用

时间:2011-11-01 14:30:20

标签: html

我正在尝试创建一个锚标记,但它不适用于任何浏览器 我将从一个页面转到另一个页面

<p>
  <a href="/oneprogram/default.aspx#Code2011">View All Code Related Issues</a>
</p>

它进入这个页面有10-12个锚标签..

<div class="grouping">
  <h4 id="Code2011">
    <a>Code 2011</a>
  </h4>
</div>

我也试过这些:

<div class="grouping">
  <h4 id="Code2011">
    <a id="Code2011">Code 2011</a>
  </h4>
</div>

<div class="grouping">
  <h4>
    <a name="Code2011">Code 2011</a>
  </h4>
</div>

但是他们都没有工作:当我进入那个页面然后在网址上输入它然后工作......这意味着我的网址很好......任何想法?

4 个答案:

答案 0 :(得分:2)

我发现这样做效果更好。不知道为什么。

<div class="grouping">
  <h4>
    <a name="Code2011"></a>
    Code 2011
  </h4>
</div>

答案 1 :(得分:1)

我发现有时你可能错误地拥有另一个具有相同ID的元素。就我而言,它是一个选项标签,无法移动到视图中。因此,我建议您尝试$('#yourid')以查看是否有任何标记意外具有相同的ID。

答案 2 :(得分:1)

一般来说:

  • &#39;名称&#39;已被弃用,因此请勿使用它。
  • 所有ID都必须是唯一的,没有例外。你不能重复 ID&#39; S
  • Anchor id需要在锚标签中出现。因此<h4 id="myanchor">之类的东西不会起锚作用。

如果您从H4标记中删除(或重命名)ID,则您的第二个示例将适用于您。

答案 3 :(得分:0)

对于其他人未来的参考,我注意到锚点在某些div中运行不佳。当它们放置在可识别的页面元素(如图像或表格行)旁边时,它们似乎工作得更好,页面上没有隐藏在div中的东西。我认为可能发生的事情是浮动元素和相对定位页面无法找到锚点的精确位置,因此您什么也得不到。

尝试:                代码2011