웹페이지에 내용이 너무 많으면 앵커 링크를 사용하여 해당 위치로 이동할 수 있습니다. 앵커 링크를 통해 문서뿐만 아니라 페이지의 특정 단락을 가리킬 수도 있습니다. 웹페이지를 더 쉽게 탐색할 수 있도록 하려면 앵커 링크를 어떻게 구현해야 할까요? 이 글에서는 앵커 링크를 구현하는 방법을 소개합니다.
방법 1: 앵커 위치 지정에 ID 사용
세부사항 예시
코드는 다음과 같습니다
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a id="string">hello,I'm here!</a> </body> </html>
실행 효과는 다음과 같습니다
#🎜🎜 #
#🎜 🎜#"점프"를 클릭하면 "안녕하세요, 나 여기 있어요!"로 점프하고 효과는 다음과 같습니다
현재 페이지의 "안녕하세요, 저는 여기 있습니다!"로 이동합니다. 
방법 2: name 속성을 사용하여 앵커 링크 구현
구체적인 예를 살펴보겠습니다#🎜 🎜#
코드는 다음과 같습니다<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a name="string">hello,I'm here!</a> </body> </html>
위 내용은 앵커 링크를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
