인터넷에서 "맨 아래로"나 "맨 위로"같은 태그를 눌러 페이지 내의 스크롤을 이동하는 방법이다.
텍스트를 하이퍼링크로 만들기 위해 <a href> 태그를 사용하고 해당 텍스트가 클릭되면 특정 텍스트로 이동되게 한다. 대상이 되는 텍스트는 <a> 태그를 사용하여 name 혹은 id 값을 부여하는데 이 속성이 a href가 가리키는 식별자가 된다. 이동 대상은 굳이 텍스트가 아니어도 되고 페이지 최상단이나 하단에 단독으로 삽입하고 식별자를 부여하는 것도 가능하다.
1. 글 작성/수정 페이지에서 HTML로 모드 바꾸기
2. 이동 대상이 되는 텍스트에 <a> 태그 삽입하기
id 혹은 name 값을 부여할 수 있는데 여기서는 name으로 부여한다. 필자는 "link_search"라는 name을 부여하였는데 이는 페이지 내에서 스크롤을 이동할 때 유일한 식별자가 되어야 하기 때문에 태그 중에 name 속성이 겹치는 일이 없어야 한다.
3. 이벤트를 발생시킬 텍스트 탐색
ctrl+f 눌러서 이벤트를 적용시킬 텍스트 탐색한다.
4. <a href> 태그 삽입하여 하이퍼 링크 적용
여기서 a href 의 값은 위에서 적용한 대상 텍스트의 name 속성이다. 앞에 붙는 #은 이 값이 name 속성이라는 것을 나타낸다.
이제 "데이터 검색"이라는 텍스트는 하이퍼링크가 되었다. 클릭할 경우 a href가 가리키고 있는 name 속성의 태그를 찾아 스크를을 이동시키는 것을 볼 수 있다.