1. 程式人生 > 其它 >調整錨點(點選可跳轉對應位置,name,id)

調整錨點(點選可跳轉對應位置,name,id)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 錨點:點選連結跳轉對應位置
		一般應用與返回頂部或,到達指定位置
		兩種寫法:
		一種如下面寫法:
		id獲取屬性  如:<h2 id="1"></h2>
		name獲取屬性 如:<a name="1"></a>
		 -->
#點選跳轉對應位置 <h1><a href="#1">1</a></h1> <h2><a href="#2">2</a></h2> <!-- <h2 id="1"></h2> -->
#點選1後,跳轉至name標籤內容 <a name="1"></a> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p>
#點選2,跳轉name為2的 <!-- <h2 id="2"></h2> --> <a name="2"></a> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> <p>2</p> </body> </html>