a标签有关用法以及锚点定位

一.页面内的锚点定位；

锚点定位中，就算采用overflow：hidden将滚动条隐藏，但是它依然可以发生锚点定位，实现定点跳转；

1.单向定位：

    锚定定位实在页面必须要发生滚动的情况下，不滚动也能发生，效果不明显；他的语法见下面代码：

<a href= "#2">锚点 2< /a>
....文本省略
<h2><a name="2" id="2">锚点2</a> </h2>

2.双向定位：

也是在单页面内进行定位，就是这处定位到文章的某一处，又可以从文章这一处回到原来的位置；见代码：

<a href= "#wo" name= "huiqu" id= "huiqu"> 3年< /a>
文本省略....

文本省略....
<a href= "#huiqu" id= "wo" name= "wo"> 3年前的今天< /a>

意思就是说从一处去，再从这一处来；

3.页面跳转定位看看是否能行，页面跳转也能精确的定位；

（1）单向定位：

 只要在html中a标签中href属性加一个另一个文件的相对路径就能完成；

在index.html文件中
省略文本...
<a href= "./index2.html#3">锚点 3< /a>
省略文本...

在index2.html文件中
文本省略
 <a id="3" name="3">3年前 </a>
文本省略

（2）双向定位(路由的双向绑定):

其实只要在一个a标签中加上相对的相互路径；

index.html文件中
省略文本...
<a href="./index2.html#3" id="goBack" name="goBack">锚点3 </a>
省略文本...

在index2.html文件中
省略文本...
 <a href="./index.html#goBack" id="3" name="3">3年前 </a>
省略文本...

它的优势可以很快的定位到某一点的某一个字上，但是必须是在html文件中才能发生跳转，

在一些框架中，就不能很好的使用；如果需要使用，那也必须采用js相关技术定位；

但是在react，vue，angular等框架中，a标签锚点定位，无法使用，使用会导致页面无法加载，更甚至会报错404；

如果要实现页面路由跳转定位，可以通过js代码：

	window.parent.scrollTo(0, 0)