【问题标题】:Linking to arbitrary content on a webpage without anchor tags链接到没有锚标签的网页上的任意内容
【发布时间】:2013-05-02 12:55:03
【问题描述】:

我正在寻找一种方法来链接到网页上特定范围的字词、图像或其他任意内容。一种替代方法是在页面上引入大量锚点,但我可以接受需要 JavaScript 的解决方案。最好也是突出目标内容的一种。

如果页面的内容已被修改,并且链接不再有效,那么提供某种保护(以警告的形式)也很棒。

有谁知道处理这个问题的图书馆,或者对看什么有任何建议?我假设没有 W3C 标准可以在不引入锚点(名称标签)的情况下启用任意直接链接的 URL 方案?

谢谢!

【问题讨论】:

  • 你有你在做什么和你尝试过的样本吗?
  • 你看过 jQuery 吗?您可以通过一些脚本自动为您的关键字分配锚点。
  • @Tanner 到目前为止,我唯一的想法是创建一个可视化工具(插件或书签),使用户能够创建锚点。然后这个锚点被转换为一个 CSS 选择器,它作为片段标识符传递,一些 JS 将其转换为页面上的某个位置。还对循环冗余检查有一些想法,以确保内容不被修改。但这只是暂时的想法。
  • @SableFoste 是的,也许这是个好主意。我实际上是在考虑自己做一些 JS 将其滚动到视口中。
  • 如果用户正在创建锚点,只需将该文本/对象/任何内容包装在
    或其他满足您的语义需求的元素中。给该
    一个 ID,该 ID 将适用于您的 CSS 选择器,并且(从 HTML5 开始)作为链接的锚点,因为 HTML5 规范不再使用 标记来创建锚点,而是仅使用它来创建超链接.

标签: html hyperlink anchor


【解决方案1】:

7 年后,现在是 2020 年,WICG 现在为 Text Fragments 起草了一份草稿,现在您可以通过添加跟随散列

#:~:text=<Text To Link to>

Chrome Version 81.0.4044.138 上的工作示例:

Click on this link应该重新加载页面并突出显示链接的文本

【讨论】:

  • 谢谢! 7 年零 7 天后 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-15
  • 2011-08-09
  • 2016-02-16
  • 1970-01-01
  • 2012-11-22
  • 2016-03-09
相关资源
最近更新 更多