如何在无anchor元素的情况下创建指向目标页面特定区域的内联链接

• 利用页面已有ID属性
  很多页面的原生元素（如标题、导航按钮、区块容器）自带id属性，无需额外添加。只需在目标URL末尾拼接#目标元素ID即可实现跳转。例如目标页面有<h3 id="payment-methods">支付方式</h3>，链接就写成https://example.com/help#payment-methods，点击后会直接定位到该标题位置。

• 基于文本片段的定位（现代浏览器支持）
  Chrome、Edge、Firefox等现代浏览器支持通过#:~:text=目标文本语法，直接定位页面中包含指定文本的区域。比如要跳转到页面里的“退款规则”部分，链接可写为https://example.com/terms#:~:text=退款规则。如果文本包含空格，直接保留即可，无需转义。

注意：该方法依赖浏览器支持，旧版浏览器无法生效，且文本匹配需精确。

• 借助书签脚本定位（进阶方案）
  如果上述方法都不适用，可以制作一个书签脚本，通过CSS选择器定位目标元素并滚动到对应位置。创建书签时，将地址设置为以下代码（替换其中的CSS选择器）：

javascript:(function(){document.querySelector('.article-body > p:nth-of-type(3)').scrollIntoView({behavior:'smooth'});})();

把.article-body > p:nth-of-type(3)替换为你要定位元素的CSS选择器，点击书签就能直接跳转到目标区域。不过这不是传统的链接形式，需要用户手动添加书签。

• 旧方案：利用name属性
  部分老旧页面会给<a>标签设置name属性（如<a name="faq-section"></a>），同样可以通过#name值跳转，格式与ID用法一致。但该属性已被HTML5废弃，仅旧浏览器兼容，优先使用前几种方案。

内容的提问来源于stack exchange，提问作者Matthias M