하이퍼링크로 북마크 연결하기

하이퍼링크 - 북마크

하이퍼링크를 이용해 페이지 내에서 이동할 수 있는 북마크 기능을 이용할 수 있다.

 

 

 

같은 페이지 내 원하는 지점(북마크)으로 이동

우선 이동하고싶은 위치인 북마크 지점을 id로 지정해주어야한다.

 <p id = "abc"> 문단내용 </p>

문단 태그 p에 id를 지정해주었다. 같은 태그라도 id로 각각을 구분해주기 위함이다.

 

<a href="#abc"> id=abc로 이동 </a>

해당 하이퍼링크 태그에 #abc로 id값을 부여하면 같은 페이지 내에서 해당 id의 태그가 있는 위치로 이동할 수 있다.

위에서 id를 abc로 부여했던 설정할 수 있다. 

 

 

 

같은 페이지 내 최상단으로 이동

매칭되는 id가 없어도 #top을 href 속성값으로 넣으면, 페이지 최상단으로 이동한다.

<a href='#top'>최상단으로</a>

 

 

다른 페이지 내 북마크 이동

a 태그의 href 속성값으로 다른 페이지의 경로를 적은뒤에 #id를 넣어주면 된다.

다른 페이지로 이동해서 해당 id의 태그가 있는 위치로 화면이 이동된다.

<a href='/Step01#ccc'> Step01 이동 후 id값이 ccc인 태그로 이동</a>