프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[기타] a태그 onclick 클릭 이벤트 차이점

2019.03.13
북마크 [출처 이동]    작성자 정보
무분별 하게 사용하는 a태그와 onclick 이벤트의 차이점

<a href="#"><img src="경로" onclick="click_btn()"></a>
<a href="javascript:click_btn()"><img src="경로"></a>

href="none"와 유사하게 onclick=""을 사용할 수 있는데.
onclick을 사용하면 Tab키로 버튼이 선택이 안되는 효과를 낼 수 있다.


꼭 필요한 경우를 제외하고 a 태그는 페이지 이동 링크, onclick 이벤트는 버튼의 기능으로 사용하는 것이 SEO에 유리하다고 한다.

<a href="링크주소">Link</a>
해당링크를 정확히 파악 할 수 있어 네이버 검색 로봇이 페이지를 잘 파악 할 수 있다고 한다.

<span onClick="javascript:goto(A);">Link</span>
대상 링크가 함수로만 표현되어 있어서 검색 로봇은 해당링크의 정확한 URL을 파악 할 수 없음








이 포스트 공유하기

전체목록