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标签怎么用
跨页⾯跳转：
  ①：设置锚点链接，在href中的路径后⾯追加：#+锚点名，即可
  如：<a href="萌宠集结号.html#miao">跳转到萌宠集结号页⾯</a>
  ②：设置锚点的位置 <h3 id="miao">喵星⼈基地</h3>；在要跳转到的位置的标签中添加⼀个id属性，属性值与①中href的属性值⼀样，不加#；
之前还在傻傻的下⾯这个写法，这种⽅法可以实现，但是有不确定因素，⼀般来说需要加个延时，不确定因素⽐较⾼
  let top = $("#"+id).offset().top;
  $("html,body").animate({scrollTop:top-50}, 500);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。