...」; 2、創建一個超鏈接,將其與錨點關聯即可,語法“點我跳轉頁尾”。"/> ...」; 2、創建一個超鏈接,將其與錨點關聯即可,語法“點我跳轉頁尾”。">

首頁  >  文章  >  web前端  >  html5怎麼創建跳轉頁尾超鏈接

html5怎麼創建跳轉頁尾超鏈接

青灯夜游
青灯夜游原創
2022-01-18 11:39:305315瀏覽

html5建立跳轉頁尾超連結的方法:1、在頁尾建立一個元素,將其設定為錨點,語法「.. .元素名稱>」;2、創建一個超鏈接,將其與錨點關聯即可,語法“點我跳轉頁尾 a>」。

html5怎麼創建跳轉頁尾超鏈接

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

在html5中,可以利用錨點連結實現跳到頁尾的效果。

什麼是錨點連結?

HTML中的鏈接,正確的說法應該稱作"錨點",它命名錨點鏈接(也叫書籤鏈接)常常用於那些內容龐大繁瑣的網頁,通過點擊命名錨點,不僅讓我們能指向文檔,還能指向頁面裡的特定段落,更能當作"精準連結"的便利工具,讓連結物件接近焦點。方便瀏覽者查看網頁內容。類似我們閱讀書籍時的目錄頁碼或章回提示。在需要指定到頁面的特定部分時,標記錨點是最佳的方法。

錨點就是定位器!

建立跳轉頁尾超連結

#第一步:設定錨點

<div id="bottom">页尾</div>

第二步:設定啟動定位器的開關

<a href="#bottom">点我跳转页尾 </a>

範例程式碼:



	
		
		
	
	
		<a href="#bottom">点我跳转页尾 </a>
		
页头
<div id="bottom">页尾</div>

html5怎麼創建跳轉頁尾超鏈接

相關推薦:《html影片教學

以上是html5怎麼創建跳轉頁尾超鏈接的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn