如何避免重复的XHTML锚点？

发布于 2024-10-19 06:54:37 字数 888 浏览 2 评论 0原文

我做了一个页面并使用一个名为 WebKing 的软件对其进行了检查，它告诉我我有重复的锚点？

<ul >
            <li><a href="#toc1" title="About The Code">About The Code</a></li>
            <li><a href="#toc2" title="Blah Blah Test">Link 2 is boring</a></li>
            <li><a href="#toc3" title="3rd link test">3rd line in</a></li>
            <li><a href="#toc4" title="Contact Manny">Contact Manny</a></li>

            <h3><a name="toc1" id="toc1">About the code</a></h3>
            <h3><a name="toc2" id="toc2">Link 2 test</a></h3>
            <h3><a name="toc3" id="toc3">3rd test</a></h3>
            <h3><a name="toc4" id="toc4">Contact Manny</a></h3>
 </ul>

那么我做错了什么？我要把id改成别的吗？

原文

I did a page and did a check on it using a software called WebKing and it tells me I have duplicate anchors??

<ul >
            <li><a href="#toc1" title="About The Code">About The Code</a></li>
            <li><a href="#toc2" title="Blah Blah Test">Link 2 is boring</a></li>
            <li><a href="#toc3" title="3rd link test">3rd line in</a></li>
            <li><a href="#toc4" title="Contact Manny">Contact Manny</a></li>

            <h3><a name="toc1" id="toc1">About the code</a></h3>
            <h3><a name="toc2" id="toc2">Link 2 test</a></h3>
            <h3><a name="toc3" id="toc3">3rd test</a></h3>
            <h3><a name="toc4" id="toc4">Contact Manny</a></h3>
 </ul>

So what am I doing wrong?? Do I change the id to something else?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一瞬间的火花 2024-10-26 06:54:37

这看起来只是您正在使用的分析软件中的一些不好的启发式方法。该代码在技术上没有任何问题。

也就是说，现代方法（即不迎合 Netscape 4）会说：

            <h3 id="toc1">About the code</h3>

……而且我怀疑这也将避免触发上述不良启发式。

你或许也应该有更好的 id。 id="about" — 告诉读者他们去了哪里的 URL 通常比不告诉读者去向的 URL 更好，因此 /mypage/#about 优于 /mypage/# toc1

关于不良样式的主题，标题属性用于提供有关元素的建议信息。它应该包含有用的额外信息。您的示例复制了链接的正文。最好的情况下，这只是需要下载一些额外的字节。在最坏的情况下，您可以预期一些屏幕阅读器用户必须聆听重复的每个链接的目的地。

This looks like it is just some bad heuristics in the analysis software you are using. There isn't anything technically wrong with that code.

That said, a modern approach (i.e. not pandering to Netscape 4) would be to say:

            <h3 id="toc1">About the code</h3>

… and I suspect this would also avoid triggering the aforementioned bad heuristic.

You should probably have better ids too. id="about" — URLs that inform readers where they go are generally better than URLs that don't so /mypage/#about beats /mypage/#toc1

On the subject of bad style, the title attribute is there to provide advisory information about an element. It should contain helpful extra information. Your example has it duplicating the main text of the links. At best this will just be some extra bytes to download. At worst, you can expect some screen reader users to have to listen to the destination of every link being repeated.

回复收藏 0 原文