웹 페이지의 특정 텍스트에 링크하는 방법

로

링크 공유는 정보 접근성을 크게 향상시켰지만, 텍스트가 많은 웹페이지에서는 원하는 정보를 정확히 찾는 데 어려움이 있습니다. 긴 텍스트를 일일이 살펴보는 것은 번거롭고 시간 낭비입니다. 하지만 웹 브라우저의 기능을 활용하여 특정 텍스트가 강조 표시된 채로 연결되는 링크를 생성하면, 다른 사람들과 중요한 정보를 빠르고 효율적으로 공유할 수 있습니다.

이 가이드에서는 PC 또는 Mac 환경에서 다양한 웹 브라우저를 사용하여 특정 텍스트로 바로 이동하는 링크를 만드는 방법을 자세히 알아보겠습니다.

PC에서 웹페이지 내 특정 텍스트로 연결되는 링크 생성

PC 사용자라면, 웹페이지 내 특정 문구나 단락으로 연결되는 링크를 생성하는 두 가지 유용한 방법이 있습니다. 공유 가능한 북마크를 만들거나, 선호하는 브라우저의 확장 프로그램을 활용할 수 있습니다.

북마크를 이용한 방법

북마크는 JavaScript 코드를 포함하는 특별한 책갈피입니다. 특정 북마크 링크를 클릭하면 미리 정의된 작업을 실행합니다. 특히, 사용자를 웹페이지의 특정 섹션으로 안내하는 북마크는 웹사이트를 열고, 강조 표시된 텍스트 영역으로 바로 이동하게 합니다. 이 기능은 Google Chrome이나 Microsoft Edge와 같은 Chromium 기반 브라우저에서 효과적으로 작동합니다.

Google Chrome에서 클릭 가능한 북마크를 만드는 과정은 다음과 같습니다.

  • 브라우저에서 북마크 또는 즐겨찾기 탭을 활성화하려면 “Ctrl + Shift + B”를 누르세요.
  • “Ctrl + Shift + O”를 눌러 Chrome의 “북마크 관리자”로 이동합니다. 또는 “설정”을 선택하고 “북마크”를 탭한 다음 “북마크 관리자”를 클릭하세요.
  • “북마크 관리자” 섹션에서 마우스 오른쪽 버튼을 클릭하고 “새 북마크 추가” 옵션을 선택하세요.
  • 팝업 URL 필드에 다음 코드를 붙여넣으세요:
    “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open (newUrl);})();”
  • 북마크 이름을 변경합니다. “친구와 공유”와 같이 알아보기 쉬운 이름을 사용하고 “저장” 버튼을 클릭하세요.

    • 북마크가 생성되면 웹사이트의 특정 부분으로 바로 이동하는 데 사용할 수 있습니다. 사용 방법은 다음과 같습니다.

  • 웹페이지를 열고 커서로 텍스트 일부를 선택한 후 “친구와 공유” 북마크를 클릭합니다.
  • 새 창이 열리고 선택한 텍스트가 노란색으로 강조 표시됩니다.
  • 생성된 링크를 복사하여 공유합니다.

    • 이 링크를 클릭하면 웹페이지가 자동으로 강조 표시된 텍스트 섹션으로 스크롤됩니다. 주의할 점은 Google Chrome 또는 Microsoft Edge 브라우저를 사용하는 사용자만 이 링크를 클릭할 때 정상적으로 작동한다는 것입니다.

    최신 Microsoft Edge 버전에서도 북마크를 만들 수 있습니다. 방법은 다음과 같습니다.

  • “Ctrl + Shift + O”를 눌러 “즐겨찾기 관리” 탭으로 이동합니다. 또는 “Edge 메뉴”를 열고 “즐겨찾기”를 선택한 다음 “즐겨찾기 관리”를 클릭합니다.
  • “즐겨찾기” 섹션으로 이동한 후 마우스 오른쪽 버튼을 클릭합니다.
  • “즐겨찾기 추가”를 선택합니다.
  • 팝업 URL 필드에 다음 JavaScript 코드를 입력하세요.
    “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open (newUrl);})();”
  • 북마크 이름을 “친구와 공유”로 변경합니다.

    • 북마크를 사용하여 Microsoft Edge에서 특정 텍스트로 스크롤하려면 다음 단계를 따르세요.

  • 웹페이지를 열고 커서로 텍스트 일부를 선택합니다.
  • 만들어둔 “친구와 공유” 북마크를 클릭합니다.
  • 선택한 텍스트가 노란색으로 강조 표시된 새 창이 나타납니다.
  • 주소 표시줄에서 창의 URL을 복사합니다.

    • 이 링크를 다른 사람에게 보내면 강조 표시된 텍스트가 있는 웹 페이지로 바로 연결됩니다. 다만, Chrome 및 Edge 사용자만 북마크 링크를 정상적으로 이용할 수 있습니다.

    텍스트 조각 확장 기능 활용

    링크를 직접 생성하는 것이 번거롭다면, 텍스트 조각 링크와 같은 확장 프로그램을 사용하는 것이 또 다른 좋은 방법입니다. 이 확장 프로그램은 사용자가 웹페이지에서 선택한 단어, 구, 또는 단락으로 이동하는 하이퍼링크를 자동으로 생성해 줍니다.

    Chrome에서 확장 프로그램을 사용하려면 다음 단계를 따르세요.

  • Google 스토어에서 해당 확장 프로그램을 설치합니다.
  • “Chrome에 추가” 버튼을 클릭합니다.
  • 확인 메시지가 표시되면 ‘확장 프로그램 추가’를 클릭합니다.
  • 확장 기능 아이콘을 브라우저 툴바에 고정하여 쉽게 액세스할 수 있도록 설정합니다.
  • 웹페이지를 열고 원하는 텍스트 영역을 선택합니다.
  • 마우스 오른쪽 버튼을 클릭하고 “선택한 텍스트에 대한 링크 복사” 옵션을 선택합니다.

    • 선택한 텍스트가 노란색으로 변하면 링크가 성공적으로 생성되고 복사되었다는 의미입니다. 이제 생성된 링크를 사용하면 웹페이지가 자동으로 해당 텍스트로 스크롤됩니다.

    텍스트 조각에 대한 링크 기능은 Microsoft Edge 브라우저에서도 동일하게 작동합니다. 사용 방법은 다음과 같습니다.

  • Google 스토어에서 해당 확장 프로그램을 설치합니다.
  • “Chrome에 추가” 버튼을 클릭합니다.
  • 브라우저에서 확장 프로그램 설치를 확인하는 메시지가 표시되면, “확장 프로그램 추가”를 선택하세요.
  • 여러 확장 프로그램을 사용하는 경우, 텍스트 링크 아이콘을 고정하여 쉽게 액세스할 수 있도록 설정합니다.
  • 웹사이트를 열고 원하는 텍스트 일부를 선택합니다.
  • 마우스 오른쪽 버튼을 클릭하고 “선택한 텍스트에 대한 링크 복사”를 탭합니다.

    • 선택한 텍스트가 노란색으로 바뀌면 링크가 복사된 것입니다. 누군가 이 링크를 클릭하면 웹페이지가 해당 텍스트로 바로 스크롤됩니다.

    Mac에서 웹페이지 내 특정 텍스트로 연결되는 링크 생성

    Safari는 Mac 제품에 기본으로 탑재된 웹 브라우저이지만, 텍스트 링크 생성 기능을 제공하는 확장 프로그램은 없습니다. Mozilla Firefox 및 Opera와 같은 다른 브라우저도 마찬가지입니다. 다행히도 Mac 장치는 Microsoft 프로그램과 호환성이 좋으므로 Google Chrome 또는 Microsoft Edge를 사용하여 텍스트를 강조 표시하고 하이퍼링크를 생성할 수 있습니다.

    Mac에서도 텍스트 조각 링크 확장 기능을 사용하여 텍스트로 스크롤되는 링크를 만들 수 있습니다. Google Chrome에서 이 기능을 사용하려면 다음 단계를 따르세요.

  • Chrome 웹 스토어에서 텍스트 조각 링크 확장 프로그램을 설치합니다.
  • “Chrome에 추가”를 클릭합니다.
  • 링크를 생성할 텍스트가 있는 웹페이지를 엽니다.
  • 커서를 드래그하여 텍스트를 선택합니다.
  • 선택한 텍스트를 마우스 오른쪽 버튼으로 클릭하고, 컨텍스트 메뉴에서 “선택한 텍스트로 링크 복사”를 선택합니다.
  • 링크가 복사되면 해당 텍스트가 노란색으로 표시됩니다. 이는 복사된 링크가 클립보드에 저장되었음을 나타냅니다.

    • 생성된 링크를 클릭하는 모든 사용자는 강조 표시된 텍스트를 바로 볼 수 있게 됩니다.

    텍스트 조각 확장 프로그램은 Microsoft Edge에서도 작동하므로, Mac에서 이 브라우저를 사용하여 특정 텍스트 링크를 만들 수 있습니다. 방법은 다음과 같습니다.

  • Chrome 스토어에서 확장 프로그램을 설치합니다.
  • “Chrome에 추가” 버튼을 클릭합니다.
  • 확인 메시지가 표시되면 “확장 프로그램 추가”를 선택합니다.
  • 링크를 만들 텍스트가 있는 웹페이지를 엽니다.
  • 커서를 사용하여 원하는 텍스트 영역을 선택합니다.
  • 선택한 텍스트를 마우스 오른쪽 버튼으로 클릭하고 “선택한 텍스트에 대한 링크 복사”를 클릭합니다.
  • 텍스트가 노란색으로 바뀌면 해당 텍스트 링크가 클립보드에 저장된 것입니다.

    • 생성된 링크를 사용하는 모든 사람은 웹페이지가 강조 표시된 텍스트로 바로 스크롤되는 것을 확인할 수 있습니다.

    주의할 점은 Chrome 또는 Edge 사용자만 링크를 통해 웹페이지에 접근하고 강조 표시된 텍스트를 볼 수 있다는 점입니다. 다른 브라우저를 사용하는 사용자에게 링크를 보낸 경우, 강조 표시된 텍스트 없이 웹페이지의 기본 상태로 표시됩니다.

    다이렉트 링크로 정보 공유 효율성 높이기

    온라인 정보 접근성이 높아지는 시대에, 중요한 텍스트에 보다 효율적으로 접근하는 것은 매우 중요합니다. 특정 텍스트로 연결되는 링크를 생성하려면, PC 또는 Mac에서 Chrome이나 Edge 브라우저를 활용하세요. 북마크를 사용하여 텍스트 링크를 만들거나, PC 사용자의 경우 텍스트 확장 프로그램을 사용하는 것도 좋은 방법입니다. Apple은 아직 유사한 추가 기능을 개발하지 않았지만, 확장 프로그램은 Mac 장치에서도 문제없이 작동합니다.

    다른 사람과 공유할 텍스트를 얼마나 자주 강조 표시하시나요? 위에 제시된 방법 중 링크를 만드는 데 선호하는 방법은 무엇인가요? 아래 댓글 섹션에 여러분의 의견을 남겨주세요.