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

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

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

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

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

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

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

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

    

猜你喜欢

转载自www.cnblogs.com/CWJDD/p/10954105.html