내부링크 거는 방법, 사이트내 이동, 페이지내 이동 방법

블로그를 하다 보면 페이지 윗부분에 목차를 만들어 놓고 목차 번호를 클릭하면 사이트 내에서 특정 위치로 이동을 합니다. 외부 링크를 걸어 다른 사이트로의 이동이 아닌, 같은 사이트 내에서 위치만 이동하는 것을 볼 수 있습니다. 이것을 내부 링크라 합니다.  내부 링크 방법 하는 방법을 소개합니다.

 

 

블로그 내부 링크하는 방법

목차에서 각 순서마다 링크를 걸어주고, 이동하려는 곳에 id를 입력해주면 됩니다. 그러면 목차에서 링크를 누르면 id가 있는 곳으로 페이지 내에서 이동을 합니다. 

예)

목차

1. 대한민국   ▶ 이곳의  html <a href="#k1">1. 대한민국 </a>
2. 미국          ▶ 이곳의  html <a href="#k2">2. 미국 </a>
3. 프랑스       ▶ 이곳의  html <a href="#k3">3. 프랑스 </a>

html코드

 

목차가 이렇게 쓰여 있고, 위의 목차를 누르면, 아래 본문 페이지 내 특정 위치로 바로 이동을 하고 싶을 때 사용하는 html입니다. <a href="#k1">에서 k1 대신 "#뒤에 자기가 원하는 글자를 쓰면 됩니다" 단 아래 이동할 위치의 id와 동일하게 해줘야 합니다.

html

 

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>

 

블로그의 내용이 많을 때 내부 링크를 사용하면 방문자들이 매우 보기 편리하게 됩니다. 조금 번거롭더라도 가독성 좋은 글을 작성하기 위해 활용해 보는 것도 좋을 듯합니다.