URL의 `#:~:text=` 란 무엇입니까? (Text Fragments)
1569 단어 ChromeTextFragments
결과에 해당하는 부분이 노란색으로 강조 표시됩니다.
(위는 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
Reference
이 문제에 관하여(URL의 `#:~:text=` 란 무엇입니까? (Text Fragments)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rithmety/items/3f302d5644c17167a967
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
참고: 구문은 향후 변경될 수 있습니다.
#:~: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
Reference
이 문제에 관하여(URL의 `#:~:text=` 란 무엇입니까? (Text Fragments)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rithmety/items/3f302d5644c17167a967
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(URL의 `#:~:text=` 란 무엇입니까? (Text Fragments)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/rithmety/items/3f302d5644c17167a967텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)