假链接
- 格式1:<a href="#">点击</a>
会自动回到网页的顶部 - 格式2:<a href="javascript:"></a>
不会自动回到网页顶部,点了不会动
如果设置了base的target
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<base target="_blank">
</head>
<body>
<a href="#">111</a>
<a href="javascript:">222</a>
</body>
</html>
如果点击第一个,会在新窗口打开空白页;
如果点击第二个,不会在新窗口打开,纹丝不动。
给a标签中的#后面加上ID名称
会跳转到指定位置
<h2 id="top">我是顶部</h2>
<a href="#centre">跳转到中部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="centre">我是中部</h2>
<a href="#bottom">跳转到底部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="bottom">我是尾部</h2>
<a href="#top">跳转到头部</a>
注意:
1.通过a标签跳转到指定位置是没有过渡动画的,一下子跳转到目标地址。
2.a标签还可以在跳转到其他界面的同时也可以跳转到其他界面的指定位位置。
格式:<a href="base.html#test3">跳转到锚点测试界面</a>
<h2 id="test3">锚点测试界面333</h2>
<a href="base.html#test3">跳转到锚点测试界面</a>
<h2 id="top">顶部</h2>
<a href="#centre">跳到中部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="centre">中部</h2>
<a href="#bottom">跳到底部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="bottom">底部</h2>
<a href="#top">跳到顶部</a>
直接在a标签的href中填写目标文件地址,并在后面加上指定地址的ID