[html] a태그에서 href에 링크 대신 적용할 수 있는 값(#, javascript:)

a태그를 사용하면 클릭할 수 있게 커서 모양이 잡히게 된다.

나 같은 경우엔 웹접근성을 위해 링크 없이 a태그를 사용해야할 경우가 많은데,

이때 링크 대신 적용할 수 있는 값을 정리하려고 한다!

 

<a href="#"></a>

웹페이지가 새로고침되는 되어 웹 상단으로 이동하게 된다.

<a href="#none"></a>

<a href="javascript:"></a>

<a href="javascript:void(0)"></a>

 

위의 네가지를 사용하면 페이지 이동 없이 a태그가 지니는 효과를 사용할 수 있다.

 

<a href="#section"></a>

원하는 요소에 id값을 지정하고 href에 그 id값을 넣으면 a태그를 클릭했을 때

페이지 내에서 해당 요소가 있는 위치로 이동시킬 수 있다.