앵커 요소를 사용하지 않고 인라인 링크 만들기: 단계별 가이드

Question

앵커 요소 없이 대상에 대한 인라인 링크를 만드는 방법은 무엇입니까?

대상 페이지의 특정 부분을 참조하고 싶습니다. 하지만 저는 해당 대상 페이지의 소유자가 아니기 때문에 거기에 앵커 요소를 설정할 수 없습니다.

Answer 1

이 질문에 답변이 되었는지 모르겠습니다. 앵커 태그 없이 페이지를 특정 요소로 스크롤하는 인라인 요소를 만들었습니다. 이것이 당신이 찾고 있는 것인지 알려주십시오.

으아아아 으아아아 으아아아

Answer 2

브라우저 기능 URL을 사용하여 텍스트 조각 으로 스크롤할 수 있습니다. Chrome과 Safari는 이를 지원하지만 불행하게도 Firefox 또는 이전 브라우저 버전은 이를 지원하지 않습니다: https://caniuse.com/url-scroll-to-text-fragment

URL에 #:~:text=Search 스니펫을 추가하기만 하면 됩니다.

예: en.wikipedia.org/wiki/Hyperlink#:~:text=link%20destination

팁:

• 웹 애플리케이션은 문자 #:~:를 인코딩해서는 안 됩니다. 그러나 참고: 사용자 입력을 사용하여 URL을 작성하는 경우 전체 URL에 대한 URL 인코딩을 비활성화하지 마십시오. 인코딩은 XSS를 방지하기 위한 보안 기능이기 때문입니다.
• 그래서 답변에 실제 링크를 제공하지 않았습니다. ~가 stackoverflow에 의해 코딩되었기 때문에 해당 링크가 여기서 작동하지 않기 때문입니다. 따라서 링크를 복사하여 붙여넣으면 작동 방식을 확인할 수 있습니다.