html a标签锚点跳转的简单应用

html <a>标签锚点跳转的简单应用

<a>标签的最重要功能是实现超链接和锚点。一般来说通常认为<a>标签最重要的作用是实现超链接，但是就功能来说还有其他的作用。所以就来整理下<a>标签中href作为锚点在本页面跳转的常用用法。

相信我们大家在平时浏览网页页面的时候，经常会发现在页面的右下角或者左下角有相对固定的导航栏，其中底部大都带有一个放回顶部的按钮。

那么它是怎么实现的呢？这个时候a标签就可以简单的实现这个功能。比如：<a href="#"></a>;就代表回到页面的最顶部。

但同样的，它的功能不仅仅只是局限在回到顶部。它还可以回到我们页面中的某一个节点。在<ahref="#"></a>中，#之后可以加id。比如我们有一个页面，里面只放一篇文章。然后我们在文章的底部设置对应文章的每个段落之前，设置一个唯一的id，然后我们在a标签中引用这个id。id的名字可以按照个人语义化来设定。

当我们在<ahref="# xx"></a>（xx位置代表设置好的每一个id)；引用时。那么我们在浏览页面时，通过底部a标签所对应的跳转按钮，即可跳转到每个id所对应跳转的段落之前。

作为锚点，它的作用还有很多，本片就旨在讲解回到顶部以及节点跳转的内容。更多功能简介将在后续文章中给大家介绍。