html 페이지에 anchor 심기(책갈피 만들기)

,

HTML 책갈피(anchor) 기능은 꽤 유용하다. 특히 긴 페이지에서 목차를 만들 때도 유용하고, 블로그에서는 ‘댓글 쓰기 바로 가기’ 등에 사용된다.

그런데 오늘 내가 까맣게 모르고 있던 사실을 알았다!

‘id와 class 어떻게 구분해서 사용할까’의 댓글을 읽다가 안 건데, html의 id 자체가 책갈피로 사용된다는 사실이다.

아래 코드를 보자.

<div id="there">저기</div>

이래놓고

<a href="#there">저기 가기</a>

이러고 저기 가기를 클릭하면 ‘저기’로 가는 것이다.

한 번 위의 링크를 클릭해 보라.

저기

카테고리

,

17년차 풀스택 웹 개발자 Mytory입니다

웹 개발에서도 중요한 것은 개념입니다.
이 블로그에는 제가 개발하며 익힌 개념들을 정리합니다.

워드프레스를 오래 다뤄 왔고 강의도 두 편 찍었습니다.
– 인프런 “워드프레스 제대로 개발하기 어드민 편, 클라이언트 편
– 클래스101 “누구나 할 수 있는 워드프레스 홈페이지 만들기 – 기획부터 출시까지 한 방에 OK

유튜브 채널에 워드프레스 관련 팁들을 올리고 있습니다.

👉 소개 더 보기

대표글

댓글 남기기