在我们进行网页设计的时候，有时要对一个链接进行锚设定，比如单击网页中的锚链接，跳到页尾，下面我们就来做个实例。
实例代码：
<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<a href="#c2">单击跳到字段9</a>
<br />
<a href="#c1">单击跳到页尾</a>
<h1>首页</h1>
<h3>字段 1</h3>
<p>这是一个测试字段文本</p>
<h3>字段 2</h3>
<p>这是一个测试字段文本</p>
<h3>字段 3</h3>
<p>这是一个测试字段文本</p>
<h3>字段 4</h3>
<p>这是一个测试字段文本</p>
<h3>字段 5</h3>
<p>这是一个测试字段文本</p>
<h3>字段6</h3>
<p>这是一个测试字段文本</p>
<h3>字段 7</h3>
<p>这是一个测试字段文本</p>
<h3>字段 8</h3>
<p>这是一个测试字段文本</p>
<h3><a name="c2">字段 9</a></h3>
<p>这是一个测试字段文本</p>
<h3>字段 11</h3>
<p>这是一个测试字段文本</p>
<h3>字段 12</h3>
<p>这是一个测试字段文本</p>
<h3>字段 13</h3>
<p>这是一个测试字段文本</p>
<h3>字段 14</h3>
<p>这是一个测试字段文本</p>
<h3>字段 15</h3>
<p>这是一个测试字段文本</p>
<h3>字段 16</h3>
<p>这是一个测试字段文本</p>
<h3>字段 17</h3>
<p>这是一个测试字段文本</p>
<h1 > <a name="c1">页尾</a></h1>
</body>
</html>
运行效果：
从这个实例中看出，单击锚链接可以跳转到指定位置。
评论