편한 본문 이동, 「위치 링크」 설정하기

설정하기에 앞서, 블로그를 1단으로 바꾸면서 생기는 대표적인 문제점은 다음과 같습니다

1. 사이드 메뉴에 익숙해진 사람들에겐 보기 좋지 않다
2. 특정 메뉴를 확인하려면 위/아래로 이동해야하기 때문에 귀찮아진다

1번은 그렇다쳐도, 2번은 솔직히 말해 귀찮습니다
특히 본문이 엄-청 긴 경우엔 더 그렇죠
본문이 길면 1단이든 2단이든 구구단(....)이든, 귀찮아집니다

보통 휠, 스크롤바 드래그, 페이지 업/다운키를 이용할듯싶습니다
뭐 솔직히 아무리 길어도 몇초면 땡!! 이지만, 간단한것일수록 귀찮아지는 법입니다(....)

저도 다시 올리기 귀찮아서 본문 하단에
최상단으로 이동하는 ▲Top▲ 링크를 만들어 두었죠

이 ▲Top▲ 링크를 클릭하면 제 블로그의 최상단으로 올라가기 때문에
하단에서 메인 메뉴등을 빠르고 간편하게 볼 수 있습니다

자, 이 링크법을 알아보도록하죠
그전에

로 되어있는 부분은 주석입니다
이 주석 부분은 입력하지 않아도 되며, 단순히 안내역할을 하는 글이므로 무시하셔도 됩니다

<a name="top"></a>　　　　　　　　　

.........　　　　　　　　　　　　　　　　

<a href="#top">이동</a>

위의 내용에서, 링크 '이동'을 누르게 되면
<a name="top"></a> 를 입력한 부분으로 이동합니다

제 블로그에 적용된 위치 링크는 아래와 같습니다

</HEAD>
<a name="btop"></a>　　　　　　　　　　　　
<BODY bgcolor="#FFFFFF" topmargin="0">

...........　　　　　　　　　　　　　　　　　　　

<a href="#btop">▲Top▲</a>

본문 최하단에 입력했기 때문에, 본문을 다 읽고나서 ▲Top▲ 링크만 누르면
처음 접속한것처럼 화면이 최상단으로 이동합니다
물론 본문의 내용은 그대로 유지한 상태로 말이죠

<a name="[위치 이름]"></a>

<a href="[위치 이름]">[표시될 텍스트나 그림]</a>

이처럼 자기가 원하는 곳에 원하는 이름, 원하는 텍스트나 그림으로 사용할 수 있습니다
긴 문서를 정리할때 이것을 이용하면
상당히 편리하게 읽을 수 있으니 여러모로 편리하죠

간단해도, HTML 지식은 여러모로 유용합니다

여담으로, 지금 스킨은 계속해서 수정되고있습니다
처음 적용했을때와 지금의 차이도 꽤나 있을정도죠?
블로그에 문제점이 있거나 불편한 부분이 있으면 글을 남겨주세요

데니즈T의 세상살이

편한 본문 이동, 「위치 링크」 설정하기

댓글

티스토리툴바

편한 본문 이동, 「위치 링크」 설정하기

관련글

댓글

티스토리툴바