https://meliplug.info/tags/browser/Recent content in Browser on meliplug.infoHugo -- 0.160.0-DEVen-usywbird@naver.com (ywbird)ywbird@naver.com (ywbird)Wed, 09 Sep 2026 04:24:28 +0900https://meliplug.info/posts/text-fragments/Wed, 09 Sep 2026 04:24:28 +0900ywbird@naver.com (ywbird)https://meliplug.info/posts/text-fragments/<p>검색 엔진의 결과를 눌렀을 때 검색 결과가 노란색이나 다른 색으로 표시된 적이 있나요?</p> <p><a href="#:~:text=%ea%b2%80%ec%83%89%20%ec%97%94%ec%a7%84%ec%9d%98,%ec%9e%88%eb%82%98%ec%9a%94?" class="internal" >이렇게 말이죠 (이 링크를 클릭해 보세요)</a> </p> <p><span id="bong">이걸 <strong>Text Fragments</strong> 라고 합니다.</span></p> <p>웹페이지가 자체적으로 id를 이용해 삽입한 <a href="#bong">앵커</a>와 다르게, 페이지에 있는 모든 텍스트를 대상으로 한다는 점에서 활용성이 굉장히 높습니다.</p> <p>(만약 위의 <a href="#:~:text=%ec%9d%b4%eb%a0%87%ea%b2%8c,%eb%b3%b4%ec%84%b8%ec%9a%94" class="internal" >링크</a> 를 눌렀다면) 현재 브라우저의 URL의 끝에 무언가 추가되어있는 것을 볼 수 있을 것입니다.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">.../posts/text-fragments/#:~:text=검색%20엔진의,있나요? </span></span></code></pre></div><p>이처럼, text fragments는 URL의 끝에 특정 문법에 따라 강조할 내용을 삽입하는 방식으로 사용합니다.</p>