앵커 링크를 만드는 방법
- 不言원래의
- 2018-12-27 13:49:4537200검색
웹페이지에 내용이 너무 많으면 앵커 링크를 사용하여 해당 위치로 이동할 수 있습니다. 앵커 링크를 통해 문서뿐만 아니라 페이지의 특정 단락을 가리킬 수도 있습니다. 웹페이지를 더 쉽게 탐색할 수 있도록 하려면 앵커 링크를 어떻게 구현해야 할까요? 이 글에서는 앵커 링크를 구현하는 방법을 소개합니다.
방법 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.