URL 片段文字指示(URL Fragment Text Directives) 是由 Google Chrome 團隊提出,附加在 URL 上的參數。主要用途就是開啟連結時瀏覽器可以自動定位到所選取的文字。
例如點選下面的連結,就會跳轉到本文的「Chrome」文字,並且瀏覽器會自動高亮標記:
如果想要清除高亮,就需要重新進入頁面,但是不要
瀏覽器會依據連結中下面的關鍵字來處理:
還有多種用法,上面有提到會跳轉到相符的文字,也可以使用前墜和後墜來幫助瀏覽器找到更為精準的定位:
範例連結: 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
例如點選下面的連結,就會跳轉到本文的「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
留言
張貼留言
如果有任何問題、建議、想說的話或文章題目推薦,都歡迎留言或來信: a@ruyut.com