a标签中href属性

   锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

  普遍的用法是：1）、设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#）;

　　　　　　　　2)、设置锚点的位置 <h3 id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#；

  所以在a标签超链接不离开当前页面时href有两种取值：分别是href="#"和href="javascript:void(0)",但是这两点还是有区别的:

1.     # 包含了一个位置信息，默认的锚是#top 也就是网页的上端。
2.     而javascript:void(0), 仅仅表示一个死链接。
3.     在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。
4.     如果你要定义一个死链接请使用 javascript:void(0) 

  也就是在页面没有滚动条时或者a标签在网页顶部时，这两者是没有区别的,都表示不做任何跳转；

跨页面跳转：

　　①：设置锚点链接，在href中的路径后面追加：#+锚点名，即可

      　　 如：<a href="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>

　　②：设置锚点的位置 <h3 id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#；

之前还在傻傻的下面这个写法,这种方法可以实现，但是有不确定因素，一般来说需要加个延时，不确定因素比较高

　　let top = $("#"+id).offset().top;
　　$("html,body").animate({scrollTop:top-50}, 500);