a 요소와 href로 페이지와 문서 위치를 연결합니다.
링크는 사용자가 이동할 목적지를 명확히 알려야 합니다. 절대 URL은 다른 사이트에, 상대 경로는 같은 사이트의 페이지에 사용하며 #id는 현재 문서의 특정 위치로 이동합니다.
예제에는 링크가 세 개 있습니다. MDN 링크는 새 탭에서 열리고, 요약으로 이동은 #summary를 가리켜 id=summary인 h2로 스크롤하며, 위로는 #top으로 id=top인 h1로 돌아갑니다. 중간의 높이 120px짜리 빈 div는 이동이 눈에 보이도록 거리를 벌려 둔 장치입니다.
조각 식별자에는 특별한 값이 있습니다. href=#처럼 조각이 비어 있거나 #top이면 그 id를 가진 요소가 없어도 브라우저가 문서 맨 위로 이동합니다. 조각 이동은 페이지를 다시 불러오지 않고 주소 끝만 바꿔 방문 기록에 남기므로, 뒤로 가기를 누르면 이전 위치로 돌아옵니다.
'여기 클릭'처럼 목적지를 알 수 없는 문구보다 'CSS 선택자 강좌 보기'처럼 구체적으로 작성하세요.
직접 바꿔보세요문서 아래에 새 id를 만들고 그 위치로 이동하는 링크를 추가하세요.