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

一.页面内的锚点定位；

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

1.单向定位：

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

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

2.双向定位：

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

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

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

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

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

（1）单向定位：

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

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

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

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

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

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

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

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

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

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

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

	window.parent.scrollTo(0, 0)