如何直接链接到博客文章或在线文章的特定部分?(例如段落或标题)

如何直接链接到博客文章或在线文章的特定部分?(例如段落或标题)

我想链接到文章中一些非常酷的部分,就像这样博客文章宣布 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(锚)标签
  • 具有idname属性

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

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/

相关内容