URL의 `#:~:text=` 란 무엇입니까? (Text Fragments)

1569 단어 ChromeTextFragments
최근 Chrome에서 Google 검색에서 검색 결과로 이동하면
결과에 해당하는 부분이 노란색으로 강조 표시됩니다.

(위는 Wikipedia 페이지를 연 예입니다.)

이것이 뭔가 신경이 쓰였으므로 조사해 보았습니다.

Scroll To Text Fragment



이것은 Scroll To Text Fragment 또는 Text Fragments라는 기능입니다.
Chrome 80부터 기본적으로 사용하도록 설정되어 있습니다.

URL을 열면 페이지의 시작 부분이 이동하는 것이 일반적입니다.
페이지의 특정 부분으로 안내하고 싶을 수 있습니다.

지금까지는 id가있는 html 요소에만 링크를 붙일 수있었습니다.
이 기능을 추가하면 사용자가 원하는 위치에 링크를 붙일 수 있습니다.

앞으로는 텍스트를 선택한 후 해당 부분에 대한 링크를 만드는 등의 기능 도 추가하고 싶습니다.
사용할 수 있게 되면 편리할 것 같네요.

추가: Chrome에 '선택한 위치에 링크 복사'가 추가되었습니다.

구문



참고: 구문은 향후 변경될 수 있습니다.
#:~:text=[prefix-,]textStart[,textEnd][,-suffix]
          context  |-------match-----|  context

참고



What exactly is the #:~:text= location hash in an URL? - Stack Overflow
Scroll to Text Fragment - Chrome Platform Status
Text Fragments

좋은 웹페이지 즐겨찾기