안녕하세요 용용닷컴의 유창화라고 합니다.
이것의 명칭은 html저작 도구의 기능의 이름을 주로 말하는데요
나모에서는 책갈피, 드림위버에서는 named anchor 라는 기능이 있습니다.
꼭 저작도구가 없어도 간단하게 원리만 알면 쉽게 구현할수 있습니다.
핵심은 상세 설명이 나오는 부분의 시작부분에 a tag의 name속성을 이용하여 각각의 고유한 이름을 줍니다.
그리고 그곳으로 가는부분은 요약 설명이나 이미지 부분에 a tag의 href 속성을 이용하여 '#가고자하는곳의 이름'
형태로 넣어주면 됩니다.
간단한 html코드를 예시로 들어보겠습니다
아래부분을 복사해서 사용해 보세요.
<a name="0"></a>
<a href = "#1">1번으로 갑니다</a><br>
<a href = "#2">2번으로 갑니다</a><br>
<a name="1"></a>
<a href="#2">다시 2번으로</a> <a href="#0">다시 처음으로</a>
<br>
1번 지역입니다<br>
111111111111111111111111111111111
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<a name="2"></a>
<a href="#1">다시 1번으로</a> <a href="#0">다시 처음으로</a>
<br>
2번 지역입니다<br>
2222222222222222222222222222222222
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
아직 등록된 댓글이 없습니다.
유창화님의 게시글에 첫번째 댓글을 남겨보세요.