티스토리 현재 페이지에서 찾는 본문 검색창 (Ctrl + F)

아래 이미지와 같이 누구나 한 번쯤은 '현재 페이지'에서 원하는 내용을 찾기 위해 '컨트롤(Ctrl) + F'로 단어 검색을 해 본 적이 있을 것이다. 먼저 이 '컨트롤(Ctrl) +F 단어 검색 기능'을 요약정리해 보겠다. (이 부분을 잘 알아야 뒤에서 나오는 HTML 및 CSS를 더 잘 이해할 수 있다.) ① '현재 페이지'에서 '검색 단어'와 일치하는 단어 (이하 '일치 단어') 찾기 ② '일치 단어'의 전체 개수를 숫자로 표기 (ex : 36) ③ '일치 단어'를 노란색으로 마크(mark) 처리 ④ 상단에서 하단 방향으로 '일치 단어'에 자동으로 번호 지정 ⑤ '일치 단어' 중 '현재 단어'의 번호를 숫자로 표기 (ex : 10) ⑥ '일치 단어' 중 '현재 단어'를 주황색으로 마크(mark) 처..

원문링크 : 티스토리 현재 페이지에서 찾는 본문 검색창 (Ctrl + F)