html5에서 페이지 하이퍼링크 끝으로 이동하는 방법

青灯夜游
풀어 주다: 2022-01-18 11:39:30
원래의
5453명이 탐색했습니다.

HTML5에서 페이지 바닥글에 대한 점프 하이퍼링크를 만드는 방법: 1. 페이지 바닥글에 요소를 만들고 이를 기준점으로 설정합니다. 구문은 "... 요소 이름>"; 2. 하이퍼링크를 생성하고 앵커 포인트와 연결합니다. 구문은 "의 끝으로 이동하려면 나를 클릭하세요. 페이지'입니다.

html5에서 페이지 하이퍼링크 끝으로 이동하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5에서는 앵커 링크를 사용하여 페이지 끝으로 이동하는 효과를 얻을 수 있습니다.

앵커링크란 무엇인가요?

HTML의 링크에 대한 올바른 용어는 "앵커"라고 해야 합니다. 명명된 앵커 링크(북마크 링크라고도 함)는 크고 성가신 콘텐츠가 있는 웹 페이지에서 자주 사용됩니다. 문서나 페이지의 특정 단락을 가리킬 수도 있으며 링크 개체에 더 가까이 다가가기 위한 "정확한 연결"을 위한 편리한 도구로도 사용할 수 있습니다. 시청자가 웹페이지의 내용을 보는 것이 편리합니다. 책을 읽을 때 목차 페이지 번호나 장 알림과 유사합니다. 태그 앵커는 페이지의 특정 부분을 대상으로 해야 할 때 가장 좋은 방법입니다.

앵커 포인트는 로케이터입니다!

페이지 하이퍼링크 끝으로 점프 만들기

1단계: 기준점 설정

<div id="bottom">页尾</div>
로그인 후 복사

2단계: 로케이터를 시작하도록 스위치 설정

<a href="#bottom">点我跳转页尾 </a>
로그인 후 복사

샘플 코드:



	
		
		
	
	
		<a href="#bottom">点我跳转页尾 </a>
		
页头
<div id="bottom">页尾</div>
로그인 후 복사

html5에서 페이지 하이퍼링크 끝으로 이동하는 방법

관련 추천 : 《html 동영상 튜토리얼

위 내용은 html5에서 페이지 하이퍼링크 끝으로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿