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

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

    <a>标签的最重要功能是实现超连接和锚点。通常来讲一般认为 <a>标签最重要的做用是实现超连接,可是就功能来讲还有其余的做用。因此就来整理下 <a>标签中href做为锚点在本页面跳转的经常使用用法。

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

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

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

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

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

相关文章
相关标签/搜索