锚点链接:是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
什么是锚点:定位器
不跨页锚点
设置锚点链接的方法:
<标记 id="命名锚记名"></标记>
<a href="#命名锚记名称"></a>
例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style type="text/css">
#box1{
width: 100px;
height: 1600px;
background: red;
}
#box2{
width: 100px;
height: 1600px;
background: red;
}
</style>
<body>
<h1 id="one">我是位置one</h1>
<div id="box1"></div>
<h1 id="two">我是位置two</h1>
<div id="box2"></div>
<a href="#one">跳转到位置one</a>
<a href="#two">跳转到位置two</a>
</body>
</html>
跨页锚点:
设置锚点链接的方法:
<标记 id="命名锚记名"></标记>
<a href="要跳转的页面名称.html#命名锚记名称"></a>
跨不跨页主要的区别在于注明跳转页面路径