文本片段
文本片段(Text Fragment)允许你直接链接到 web 文档中的特定文本部分,而不需要作者使用 URL 片段中的特定语法对其进行注释。支持的浏览器可以自由选择如何引起对链接文本的注意,例如,用颜色突出显示和/或滚动到页面上的内容。文本片段允许 web 内容作者与他们不控制的其他内容进行深度链接,而不需要依赖 ID 的存在来实现,在这一点上它很有用途。在此基础上,它可以用来生成更有效的内容共享链接,让用户相互传递.
https://example.com#:~:text=[prefix-,]textStart[,textEnd][,-suffix]
:~:
又称片段指令,这一连串的字符告诉浏览器,接下来是一个或多个用户代理指令,这些指令在加载过程中会从 URL 中剥离,以便作者脚本不能直接与之交互。用户代理指令(instruction)也被称为指令(directive)。
text=
一段文本指令。为浏览器提供了一个文本片段,定义了在链接文档中要链接的文本。
textStart
一个文本字符串,指定链接文本的开始。
textEnd
可选
一个文本字符串,指定链接文本的结束。
prefix-
可选
一个文本字符串,后面是一个连字符,指定链接文本前面应该有什么文本。这有助于浏览器在有多个匹配的情况下选择正确的链接文本。
-suffix
可选
一个连字符,后面是一个文本字符串,指定链接文本后面应该有什么文本。这有助于浏览器在有多个匹配的情况下选择正确的链接文本。
支持的浏览器将滚动到并高亮显示链接文档中与指定指令相匹配的第一个文本片段。请注意,可以在同一个 URL 中指定多个文本片段,用与字符(&
)将它们分开来突出显示。
例:
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a#:~:text=链接的%20URL,-,&text=当前-,页面,浏览环境"></a>
滚动并高亮两段文本实例:
- 后面有“,”文本直接跟随的“链接的 URL”文本的第一次出现。
- 以“页面”开头,以“浏览环境”结尾的文本的第一个实例,其前缀为“当前”。