【发布时间】:2021-01-09 03:05:22
【问题描述】:
我正在尝试在 WordPress 的导航中添加一个链接,该链接链接到具有唯一 ID 的页面 div。 我在主页上做过这个:/#idname,但它不能作为子页面工作:/subpagename/$id-name,有解决方案吗?
【问题讨论】:
我正在尝试在 WordPress 的导航中添加一个链接,该链接链接到具有唯一 ID 的页面 div。 我在主页上做过这个:/#idname,但它不能作为子页面工作:/subpagename/$id-name,有解决方案吗?
【问题讨论】:
但它不能作为子页面工作:/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) 以防止页面刷新,然后 监听他们的点击事件。
这些虚假的 href 值在以下情况下会导致意外行为 复制/拖动链接,在新标签/窗口中打开链接, 书签,或者当 JavaScript 加载、出错或被禁用时。 它们还会向辅助技术传达不正确的语义,例如 屏幕阅读器。
使用 a 代替。一般来说,您应该只使用超链接 用于导航到真实 URL。
来源@https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Examples
【讨论】:
是的,你是对的,那是一个错字。我应该是英镑。我想通了为什么锚不工作。该 ID 位于页面加载后加载的 API 中,因此当您链接到该页面时,该 ID 尚未加载。
我最终在 API 之外添加了一个锚点,并使用 CSS 给它一个绝对位置,它可以工作。 -- 谢谢你的回答。
【讨论】: