Text URL Fragments

DOM

This feature allows a user or author to link to a specific portion of a page, using a text snippet provided in the URL. When the page is loaded, it highlights the text and scrolls it into view. For example, the URL: [https://en.wikipedia.org/wiki/Cat#:~:text=On islands, birds can contribute as much as 60% of a cat's diet] This loads the page for Cat, highlights the specified text, and scrolls directly to it.

Navigating to a URL today will load the page scrolled to the top. On pages that provide element ids on appropriate section headings, users and other pages can link directly to those elements by providing the id in the "URL hash". For example, navigating to https://en.wikipedia.org/wiki/Cat#Senses will load the page for Cat, scrolled to the "Senses" section. However, the URL hash relies on authors annotating their page and correctly guessing all points that might be interesting to a user. This feature will allow the link-creator to specify which portion of the page is interesting, without relying on author annotations.

Documentation

Specification

Public discussion

Status in Chromium

Blink>Scroll


Origin trial (tracking bug) in:

  • Chrome for desktop release 76
  • Chrome for Android release 76
  • Android WebView release 76

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No public signals
  • No public signals
  • No public signals
  • Positive

Owners

Intent to Implement url

Intent to Implement thread

Last updated on 2019-10-09