☰

如何直接链接到博客文章或在线文章的特定部分？（例如段落或标题）

tag-icon • tag-icon google-chrome url hyperlink blogging links
如何直接链接到博客文章或在线文章的特定部分？（例如段落或标题）

我想链接到文章中一些非常酷的部分，就像这样博客文章宣布 Trello 中的卡片老化功能，等等。

我可以使用什么来生成一个 URL，单击该 URL 时，该 URL 会直接链接到该标题？即，当用户点击该链接时，他们应该看到以下内容：

  • 博客页面

答案1

#FRAGMENT在 HTML 中，您可以通过在 URL 后附加 来链接到片段，其中 是属性（任何元素上）或属性（或元素上）FRAGMENT的值。HTML 作者必须提供这些属性。idnameaarea

手动查找这些内容的方法：标记您要链接到的整个内容，检查源代码（通常右键单击然后执行“显示源代码”之类的操作），然后按Ctrl+f表示id=和name=。

指针是一种允许链接到 XHTML 文档任何部分的规范，即使作者没有提供任何片段标识符。目前，您可能需要一个浏览器插件（您想要提供链接的浏览器插件也需要）才能启用 XPointer 支持。

对于旧版本的 Firefox，FXPointer：

您有多少次告诉朋友或同事“去http://example.com/some/doc搜索 XXXX”？实际上我经常这么做。事实上，随着移动网络的发展以及小屏幕和难以使用的键盘变得越来越普遍，这一点变得越来越重要。我想开始在我的文档和博客文章中创建指向页面上某个段落的链接。我希望 FXPointer Firefox 扩展能有所帮助。

答案2

你不能（在此特定页面上）。链接到特定子部分（以便用户的浏览器自动滚动到该部分）需要对每个部分使用 HTML 锚点，而该页面没有。更具体地说，标题需要包含或附近有：

  • A（锚）标签
  • 具有id或name属性

如果满足这些条件，那么你可以链接到

http://example.com/webpage.html#anchorName

其中是或属性anchorName的值。nameid

不过 Trello 页面只有一个标题：

<h2>Card Aging</h2>

所以它不能被链接到。如果他们改用：

<h2><a name="aging">Card Aging</a></h2>

那么你可以像这样链接到它：

http://blog.trello.com/introducing-power-ups-calendar-card-aging-and-more/#aging

答案3

在现代版本的 Chrome 中，您可以使用这个特殊的锚点：#:~:text=ENCODED_TEXT_YOU_WANT_TO_LINK。

https://www.howtogeek.com/658842/how-to-use-google-chromes-new-deep-linking-feature/

相关内容