[HTML] anchor태그, <a>, 페이지 내에서 이동 링크

HTML에서 anchor태그는 링크를 거는 태그다.

이때 링크는 웹페이지로 연결되는 링크 뿐만이 아닌 현재 페이지 내 특정 위치로 이동시키는 역할도 할 수 있다.

---

책갈피 사용하기

기존의 <a>태그와 사용방법은 같다. 하지만 이동을 원하는 태그에 id를 지정하고 해당 id로 이동시키는 과정을 사용한다.

See the Pen OJbydeK by Heekng (@heekng) on CodePen.

위처럼 이동을 원하는 태그에 id="아이디"를 지정하고, <a>태그 href속성값에 [#아이디]의 형태의 속성값을 주면 해당 id가 위치한 태그로 이동한다.

실제로 해당 이동하기 버튼을 눌렀을 때, 지정한 태그로 이동됨을 확인할 수 있다.