调整锚点（点击可跳转对应位置，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>

　　

posted on 2021-12-16 11:07  爱前端的小魏  阅读(130)  评论(0)    收藏  举报

导航