blocks|key|1335109|text|问题是我在我链接到的页面中有一个重定向标题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1335110|Opera、IE、Chrome、Firefox将把锚点带到新页面上。然而，safari在重定向过程中丢失了锚点。|1335111|如果您在使用safari锚点时遇到问题，请禁用任何重定向。|1335112|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

The problem was I had a redirect header in the page I was linking to.

Opera, IE, Chrome, Firefox will carry over the anchor to the new page. However safari loses the anchor on the redirect.

If you are having trouble with safari anchors disable any redirects.

blocks|key|2138246|text|对我来说，我只需要改变|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2138247|http://domain.com/page#myanchor+|code-block|syntax|javascript|2138248|至|2138249|http://domain.com/page/#myanchor|2138250|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For me, I simply had to change

<pre><code>http://domain.com/page#myanchor 
</code></pre>

to

<pre><code>http://domain.com/page/#myanchor
</code></pre>

blocks|key|2138223|text|我刚刚遇到了同样的问题，在搜索时发现了你的帖子--很明显，自从2010年以来，你已经修复了这个问题，但我想我会把我找到的东西贴出来，以防其他人找到它。:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2138224|我正在使用htaccess将我的url从mydomain.com/index.php重定向到mydomaincom/，并且发现我的nav在Safari中不起作用，因为我的href地址index.php#value和Safari+v5不会携带锚点链接。|2138225|我并没有关闭重定向，而是将urls更改为指向mydomaincom/#value。这不仅对所有浏览器都很有效，而且还让我的页面更快(还不确定怎么做，但现在就搜索：)|2138226|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I just ran into the same issue and found your post while searching - obviously you've fixed this since it was back in 2010 and but figured I would post what I found in case someone else finds this. :)

I'm using htaccess to redirect my url from mydomaincom/index.php to mydomaincom/ and found that my nav didn't work in Safari since my href addresses where index.php#value and Safari v5 wouldn't carry over the anchor links.

Rather than turn off my redirect I just changed the urls to point to mydomaincom/#value. Not only did this work great for all browsers but it also made my page quicker (not yet sure how but will search this now :))

blocks|key|3546027|text|我看到了两个次要问题，它们不是原因(因为你已经发现了问题)，但可能没有帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3546028|3546029|自动关闭<a>标签。你不能自动关闭应该有结束标签的标签，它应该是：<a+name="template-8"></a>.|unordered-list-item|offset|length|style|CODE|3546030|The+name和id属性共享相同的“命名空间”，所以name和id属性不能有相同的值。过去10年的所有浏览器都支持ID上的锚点，因此请丢弃这个无用的链接标签。|3546031|3546032|entityMap^0|0|0|4|3|X|P|0|4|4|9|2|R|4|W|2|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Q|8|@$F|R|G|S|H|I]|$F|T|G|U|H|I]]|9|@]|A|$]]|$1|J|3|K|5|E|7|V|8|@$F|W|G|X|H|I]|$F|Y|G|Z|H|I]|$F|10|G|11|H|I]|$F|12|G|13|H|I]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|N|$]]

There are two side issues I see, which aren't the cause (since you found the problem already) but probably don't help:

<ul>
<li>Self-closing <code>&lt;a&gt;</code> tag. You can't self-close tags that are supposed to have end tags, it should be: <code>&lt;a name="template-8"&gt;&lt;/a&gt;</code>.</li>
<li>The <code>name</code> and <code>id</code> attributes share the same "namespace", so you cannot have the same value for a <code>name</code> and <code>id</code> attribute. All browsers from the past 10 years support anchors on IDs, so scrap that useless link tag.</li>
</ul>

blocks|key|1335193|text|它不适用于之前提出的解决方案，它适用于我以以下方式使用javascript创建重定向。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1335194|
<a+href="javascript:redirection('first-block')">

function+redirection(destination){
++++window.location.href+=+"example.com/page.html#"+%2B+destination;
}|code-block|syntax|javascript|1335195|我把它留在这里，以防将来有人为你服务。|1335196|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

It has not worked with the previously proposed solutions, it has worked for me to create a redirection using javascript in the following way.

<pre><code>&lt;!-- &lt;a href="#first-block"&gt; --&gt;
&lt;a href="javascript:redirection('first-block')"&gt;

function redirection(destination){
 window.location.href = "example.com/page.html#" + destination;
}
</code></pre>

I leave it here in case someone serves you in the future.

blocks|key|3546156|text|修复Safari中的锚定标记。我这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3546157|+<a+href="#"+class="btn">A+tag</a>|code-block|syntax|javascript|3546158|在我的css文件上：|3546159|.btn{
++display:block;
++width:100%25;
++height:100%25;
}|3546160|重要的是，出于某些原因，有时Safari需要将您的链接看作一个块，如果您创建了一个包含一些链接的列表，这将非常有用。示例：|3546161|<ul>
++++<li><a+href="#"+class="btn">A+tag</a></li>
++++<li><a+href="#"+class="btn">A+tag</a></li>
</ul>|3546162|适用于Safari+6%2B|3546163|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

To fix an anchor tag in Safari. I proceed this way : 

<pre><code> &lt;a href="#" class="btn"&gt;A tag&lt;/a&gt;
</code></pre>

And on my css file : 

<pre><code>.btn{
 display:block;
 width:100%;
 height:100%;
}
</code></pre>

The important thing is for some reason, sometimes Safari needs to see your link as a block, and it can be useful if you create a list, with some links inside. 
Example : 

<pre><code>&lt;ul&gt;
 &lt;li&gt;&lt;a href="#" class="btn"&gt;A tag&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#" class="btn"&gt;A tag&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

Works for Safari 6+

My html anchor is as follows.

<pre><code>&lt;a name="template-8"/&gt;
&lt;h4 class="template" id="template-8"&gt;A title&lt;/h4&gt;
</code></pre>

As far as I know the browser should skip to the element with a matching name or id attribute.

When I type in the url <a href="http://my.site.com/templates#template-8" rel="noreferrer">http://my.site.com/templates#template-8</a> safari jumps down the page as expected. 

However when linking as below the anchor does nothing. Chrome, Opera, IE7 and Firefox all work.

<pre><code>&lt;a href="http://my.site.com/templates#template-8"&gt;A link&lt;/a&gt;
</code></pre>

Safari is version 5.0, could this be a safari bug?

Safari anchors on links not working

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我的html锚如下所示。<a name="template-8"/><h4 class="template" id="template-8">A title</h4>据我所知，浏览器应该跳到具有匹配的name或id属性的元素。当我输入url时， safari会像预期的那样跳下页面。然而，当像下面这样链接时，锚点什么也不做。Chrome、Opera、IE7和火狐都能用。<a href="http:/

问Safari链接上的锚点不起作用
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Safari链接上的锚点不起作用EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Safari链接上的锚点不起作用
EN