通过标签的 ID

比如 https://ruanyifeng.com/blog/2011/03/url_hash.html 这个页面的源代码中有以下内容：

<h1 id="page-title" class="asset-name entry-title">URL的井号</h1>

我们可以通过 https://ruanyifeng.com/blog/2011/03/url_hash.html#page-title 定位到这个标题元素上。

通过文本

这个方式应该是 Google 今年弄出来的，从 2 月份的 Chrome 80 开始就支持了，名字叫做 Scroll To Text Fragment。

还是拿上面的例子，我们可以不用去看页面源码，直接通过内容 URL的井号 来链接：

https://ruanyifeng.com/blog/2011/03/url_hash.html#:~:text=URL的井号

#:~:text=内容

并且链接中指定的内容会高亮显示出来。

参考资料与拓展阅读

1. URL的井号
2. Highlight & Link to Text Fragment on a Webpage
3. How to Directly Link to Text on a Web Page in Chrome
4. WICG/scroll-to-text-fragment