[HTML&CSS] a tag의 href="#" 의미

홈페이지에서 링크를 걸 때 href="#id"의 형식으로 걸어서 해당 id 위치로 이동할 수 있다.

그리고, a tag를 사용하지만, onclick을 사용해서 다른 작동을 하거나, 단순 a의 스타일을 따를 때

href="#"의 형태를 사용할 때 가 있다.

<a href="#"> test </a>의 형식으로 사용할 때 가 있는데, 

이때 id가 없으면 페이지 내에서의 이동이 발생하지 않을 것 같지만, 

원래 페이지에서 이동이 발생한다.

 

그래서 페이지내에서 이동을 막기 위해선

1. href="#;"의 형식으로 작성한다.

2. href="javascript;"의 형식으로 작성한다.

2. href="javascript:;"의 형식으로 작성한다. (*** ":"이 빠졌습니다. 2019-10-18 수정)

두 가지 방법의 차이는 url에 "#"가 붙냐 안 붙냐의 차이일 뿐, 다른 동작의 차이는 없는 것으로 안다.

(다른 차이가 있는 걸 아신다면 알려주시면 감사하겠습니다.)

 

*다만, 버튼의 의미만 있다면 <button type="button">으로 구현하는 것이,

좀 더 바람직한 마크업이라고 "웹 접근성 연구소"에서 답변을 해둔 것을 보았다.

 

 

https://www.wah.or.kr:444/Participation/consultingView.asp?cType=&seq=7231&page=1?cType=&FindTxt=&cMail=

전문가 상담 | 웹 접근성 연구소