a 태그 쓰지 않고 링크 걸기 - 블로그 제목에 적용

이번엔 아주 간단하고 짧은 포스팅입니다.

현재 사용중인 Fastboot 스킨은 홈버튼을 따로 제공하고 블로그 제목을 클릭해도 홈으로 돌아가지 않습니다.

제 생각에는 블로그 제목이 홈버튼 역할을 하는 것이 직관적이라고 생각해서

<h3><a href="/">[샵샵_title_##]</a></h3>

이렇게 적용하고나니 a태그로인해 파란색으로 표시되더군요.

(물론 css수정으로 다시 색을 바꾸면 되긴합니다만..)

그래서 다른방법을 찾아봤습니다.

a 태그 없이 링크 걸기

<h3 onclick=window.open("/","_self")>[샵샵_title_##]</h3>

onclick은 html element를 클릭했을 때 자바스크립트를 실행하게합니다.

"/"은 홈으로 돌아가는 주소입니다.

_self는 현재 창에서 열리게 하는 옵션이고, 새창에서 열리게 하려면 ,"_self"를 지우시면 됩니다.

블로그 제목이 아니더라도 화면에 표시되는 어떤 태그도 onclick이벤트를 추가하면 됩니다.

예)

<p onclick=window.open("http://www.tistory.com")>티스토리 링크</p>

a태그와 다른점은 링크위에 마우스를 올려두어도(hover) 마우스 모양이 자동으로 바뀌지 않습니다.

css혹은 style로 cursor:pointer;를 추가하면 됩니다.

예)

 <h3 onclick=window.open("/","_self") style='cursor:pointer;'>[샵샵_title_##]</h3>

.