Firefox 中的文本片段

Firefox, Firefox for Android Firefox, Firefox for Android 最后更新于:

文本片段 允许用户直接链接到网络文档内的特定文本部分,而无需文档作者使用 ID 对文本进行注释。此功能利用 URL 片段中的独特语法来识别和突出显示目标文本。

此功能可让你能够创建突出显示网页上特定文本部分的链接。当有人点击链接时,浏览器会导航到该网页,自动滚动并突出显示所需的文本。

如何使用文本片段

网络最基本的特征之一是能够在不同的文档之间建立链接。创建链接主要有两种方式:

通过文档提供的 URL 来链接到文档顶部

link to the top

通过在 URL 后附加文档片段(ID)来链接到文档的特定部分

link to the top

在 Firefox 中创建和使用文本片段

  1. 确定要突出显示的文本。选择希望用户在目标网页上看到的确切文本。
  2. 创建 URL。使用以下语法将文本片段添加到 URL:
    link step 2
text= 文本指令。 这为浏览器提供了一个文本片段,定义了在链接的文档中要链接到的文本。
textStart 指定链接文本起始位置的文本字符串。 当在没有 textEnd 的情况下使用时,它将包含必须突出显示的整个范围。
textEnd 指定链接文本结束位置的文本字符串。 当 textStart 和 textEnd 都存在时,它们将作为范围的边界点。
prefix- 一个文本字符串,后面是一个连字符 指定应紧接在链接文本之前的文本,仅允许其间有空白。在存在多个匹配项的情况下,有助于浏览器选择正确的链接文本。
-suffix 一个连字符,后面是一个文本字符串 指定应紧接在链接文本之后的文本,仅允许其间有空白。在存在多个匹配项的情况下,有助于浏览器选择正确的链接文本。
注意:用于以下参数的文本字符串必须进行百分比编码:textStart、textEnd、prefix、suffix-。
例如,此链接会在页面上突出显示 “Firefox Text Fragments” 这个短语:
Text fragment example

测试链接:在 Firefox 中打开该链接,以确保它突出显示了预期的文本。如果网页内容发生变化或存在多个匹配项,请使用前缀或后缀调整片段以提高准确性。

实际示例

  1. 突出显示单个单词:
    practical 1
    这会突出显示单词“example”。
  2. 突出显示一段文本:
    practical 2
    这会突出显示文本“Text Fragments are useful”。
  3. 为模糊匹配添加上下文:
    practical 3
    这确保即使页面上存在相似的文本,也能突出显示特定的短语。
注意:虽然 Firefox 支持文本片段,但请确保你的接收人使用兼容的浏览器来使用此功能。支持的浏览器有 Firefox、Chrome、Edge、Safari 和 Opera。

常见问题

如果目标文本发生变化会怎样?

如果目标文本被删除或大幅更改,文本片段可能会失效。使用前缀和后缀来提高弹性。如果匹配失败,页面的表现就好像没有文本片段。如果存在其他文档片段,它会滚动到该片段,否则页面会滚动到顶部。

我可以将文本片段用于非文本元素吗?

不可以。文本片段仅适用于可选择的文本,不适用于图像、视频或动态元素。

所有用户都能看到突出显示吗?

是的,只要他们的浏览器支持文本片段。

链接到文档片段有哪些限制?

链接到文档片段要求页面作者在 HTML 中定义锚点,例如 id 属性。

如果 ID 被修改或删除,链接就会中断,用户将被重定向到页面顶部。虽然这种行为是优雅降级的一个例子,但它限制了链接作者的控制。精确链接到特定内容的能力取决于页面作者。

这篇文章对您有帮助吗?

请稍候...

此文章在这些用户的协助下写成:

Illustration of hands

志愿者

分享知识并培养专业技能。解答问题并改进我们的知识库。

详细了解