wordpress - 在 WordPress 子页面中链接到 div 的 ID

Question

我正在尝试在 WordPress 的导航中添加一个链接，该链接链接到具有唯一 ID 的页面 div。我在主页上做到了这一点：/#idname，但它不能作为子页面工作：/subpagename/$id-name，有解决方案吗？

标签： wordpressanchor-scroll

Answer 1

但它不能作为子页面工作：/subpagename/$id-name，有解决方案吗？

您确定这不仅仅是/subpagename/$id-name您使用$的错字#吗？

您需要两件事来实现超链接锚点：定义且唯一的 ID，设置在兼容的 html5 标记和锚点上。

锚应该看起来像这样<a href="#myAnchor">#</a>。

该标签定义了一个超链接，用于从一个页面链接到另一个页面。元素最重要的属性是 href 属性，它指示链接的目的地。

来源@https ://www.w3schools.com/tags/tag_a.asp

这里甚至还有一个示例页面https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_href_anchor

附加信息

作为一般警告，您尝试做的是被认为是不好的做法。

锚元素经常被滥用为假按钮，将它们的 href 设置为 # 或 javascript:void(0) 以防止页面刷新，然后监听它们的点击事件。

在复制/拖动链接、在新选项卡/窗口中打开链接、添加书签或 JavaScript 正在加载、错误或被禁用时，这些虚假的 href 值会导致意外行为。它们还会向屏幕阅读器等辅助技术传达不正确的语义。

改用 a 。通常，您应该只使用超链接导航到真实的 URL。

来源@https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Examples