본문으로 건너뛰기
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

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

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

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

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

아래 코드를 보자.

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

이래놓고

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

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

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

저기

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

Leave a Reply

Your email address will not be published. Required fields are marked *