<a> 앵커 태그를 이용해 문서 내에서 이동하기

dolfin·2022년 12월 21일
0

HTML

목록 보기
1/1

웹사이트를 이용 하다보면 링크를 클릭하면
페이지 내에서 내가 원하는 부분으로
한번에 이동할 수 있는 경우를 만날 수 있다. (마치 ktx 같은..)

앵커 태그를 이용하면 손쉽게 만들 수 있다.

<ul>
  <h2>목차</h2>
  <li><a href="#title">html 이란?</a></li>
  <li><a href="/">시멘틱 마크업이란?</a></li>
  <li><a href="/">웹접근성 향상을 위한 마크업 방법</a></li> 
</ul>

<h3 id="title">html 이란?</h3>

뽀인트는 id로 연결 해주는 것이다!

a 태그를 만들때 href="#아이디" 를 지정해주고

원하는 위치가 있는 곳으로 가서 id="아이디" 로 연결만 해주면

문서내에서 쉽게 이동 할 수 있다.

그럼..

profile
no risk no fun

0개의 댓글