URL 片段文字指示(URL Fragment Text Directives)介紹

URL 片段文字指示(URL Fragment Text Directives) 是由 Google Chrome 團隊提出,附加在 URL 上的參數。主要用途就是開啟連結時瀏覽器可以自動定位到所選取的文字。

例如點選下面的連結,就會跳轉到本文的「Chrome」文字,並且瀏覽器會自動高亮標記:
    
https://www.ruyut.com/2025/04/url-fragment-text-directives.html#:~:text=Chrome
    

如果想要清除高亮,就需要重新進入頁面,但是不要
    
https://www.ruyut.com/2025/04/url-fragment-text-directives.html
    

瀏覽器會依據連結中下面的關鍵字來處理:
    
#:~:text=
    

還有多種用法,上面有提到會跳轉到相符的文字,也可以使用前墜和後墜來幫助瀏覽器找到更為精準的定位:
    
#:~:text=前置詞-,要高亮的文字,-後置詞
    

範例連結: https://www.ruyut.com/2025/04/url-fragment-text-directives.html#:~:text=「-,Chrome,-」

如果想要標記多個,可以使用 & 來連接多個 text:
https://www.ruyut.com/2025/04/url-fragment-text-directives.html#:~:text=Chrome&text=相符

文章撰寫中...請稍後...

參考資料:
W3C - URL Fragment Text Directives

留言