블로그를 하다 보면 페이지 윗부분에 목차를 만들어 놓고 목차 번호를 클릭하면 사이트 내에서 특정 위치로 이동을 합니다. 외부 링크를 걸어 다른 사이트로의 이동이 아닌, 같은 사이트 내에서 위치만 이동하는 것을 볼 수 있습니다. 이것을 내부 링크라 합니다. 내부 링크 방법 하는 방법을 소개합니다.
블로그 내부 링크하는 방법
목차에서 각 순서마다 링크를 걸어주고, 이동하려는 곳에 id를 입력해주면 됩니다. 그러면 목차에서 링크를 누르면 id가 있는 곳으로 페이지 내에서 이동을 합니다.
예)
목차
1. 대한민국 ▶ 이곳의 html <a href="#k1">1. 대한민국 </a>
2. 미국 ▶ 이곳의 html <a href="#k2">2. 미국 </a>
3. 프랑스 ▶ 이곳의 html <a href="#k3">3. 프랑스 </a>
목차가 이렇게 쓰여 있고, 위의 목차를 누르면, 아래 본문 페이지 내 특정 위치로 바로 이동을 하고 싶을 때 사용하는 html입니다. <a href="#k1">에서 k1 대신 "#뒤에 자기가 원하는 글자를 쓰면 됩니다" 단 아래 이동할 위치의 id와 동일하게 해줘야 합니다.
1. 대한민국 ▶ 이곳의 html 앞줄에 <div id="k1"><div>을 넣어 주면 된다.
대한민국에 대한 본문 내용
2. 미국 ▶ 이곳의 html 앞줄에 <div id="k2"><div>을 넣어 주면 된다.
미국에 관한 본문 내용
3. 프랑스 ▶ 이곳의 html 앞줄에 <div id="k3"><div>을 넣어 주면 된다.
프랑스에 관한 본문 내용
티스토리 블로그 내부 링크 활용하는 방법입니다. 빨간색 글자만 삽입해주면 됩니다.
<a href="#k1">1. 대한민국</a></span><br /><span style="color: #006dd7;">
중간
코드
생략
<div id="k1"></div>
<h3 data-ke-size="size23"><span style="color: #006dd7;"><b>1.대한민국</b></span></h3>
블로그의 내용이 많을 때 내부 링크를 사용하면 방문자들이 매우 보기 편리하게 됩니다. 조금 번거롭더라도 가독성 좋은 글을 작성하기 위해 활용해 보는 것도 좋을 듯합니다.
