Html <；a href="；#&引用&燃气轮机；链接不工作

我正在尝试使用

它们应该链接到：

<div id="map">[content]</div>
<div id="timing">[content]</div>
<div id="timingdetails">[content]</div>

[内容]
[内容]
[内容]

指向外部网页的链接工作正常。将

id=“…”

功能放在

标记中并不能解决问题。我的网页url的格式为

http://127.0.0.1/foo/bar/baz/

。这是一个Python Django项目

---

知道这为什么不起作用吗？

每个

href

都需要一个相应的锚定，其名称或id属性必须与

href

匹配（不带

符号）。例如：

[内容]

如果不用于其他目的，则不需要封闭的

div

。

<a href="#1">Content 1</a>    
<a href="#2">Content 2</a> 
<a href="#3">Content 3</a>
....
<a name="1"></a>Text here for content 1
<a name="2"></a>Text here for content 2
<a name="3"></a>Text here for content 3

....
此处为内容1的文本
此处为内容2的文本
此处为内容3的文本

单击“内容1”时，将直接转到“内容1的文本”。

---

保证！

哇，谢谢你指出这一点。显然，Mozilla Firefox不会将

id

属性与HTML文档中除

----

演示：

2.仅使用带有

名称

属性的

标记作为锚定。

---

这将允许页面上的链接在所有浏览器中工作。

以下是我最终在IE、Chrome和Firefox中使用的内容

围绕任何文本创建锚定标记，如下所示：

<a class="anchor" id="X" name="X">text</a>

a.anchor {
color:#000;
text-decoration:none;
}

---

这似乎很有效。

我遇到的问题是href

第二次不起作用，因为我应该先删除散列值

看看我是怎么解决的

<a href="#1" onclick="resetHref();">go to Content 1</a>

function resetHref() {
    location.hash = '';
}


函数resetHref（）{
location.hash=''；
}
这可能会有所帮助

JS:

HTML:

<li><a onclick="goto('aboutus')">ABOUT</a></li>

关于
我之所以重新发布这篇文章，是因为我遇到了一个类似的问题，原因是别的

就我而言，这是因为我们有：

<base href="http://mywebsite.com/">



在上定义

显然，不要只是删除它，因为如果您使用的是相对路径，您需要它

请在此处阅读更多信息：
即使是HTML 4.01也已经允许使用id为
的元素作为锚定目标，对我来说，这在android上运行良好，但在iphone6 safai上不起作用，有人能帮忙吗？非常非常糟糕的例子&尝试使用数字作为任何名称/id/class值。此外，我在Google Chrome上测试了这个例子，它仅在目标为 
。顺便说一句，感谢您投票否决我的完全有效且经过测试的答案。对我来说，这在android上运行良好，但在iphone6 safai上运行不正常，有人能帮忙吗？对我来说，这在android上运行良好，但在iphone6 safai上运行不正常，有人能帮忙吗？我无法在Chrome 55或Firefox 50中重现这个问题。您没有从or中说任何新的内容原始问题。而且这个问题似乎不能再被复制了。所以这不是一个真正的答案。
a.anchor {
color:#000;
text-decoration:none;
}

<a href="#1" onclick="resetHref();">go to Content 1</a>

function resetHref() {
    location.hash = '';
}

function goto($hashtag){
     document.location = "index.html#" + $hashtag;
}

<li><a onclick="goto('aboutus')">ABOUT</a></li>

<base href="http://mywebsite.com/">