美文网首页
9-假链接和锚点

9-假链接和锚点

作者: 锦雯书 | 来源:发表于2017-04-21 15:49 被阅读0次

一、假链接

1、什么是假链接?

点击之后不会跳转的链接。

2、假链接的意义:

在企业开发前期,其他界面都还没有写出来,还不知道应该跳转到什么地方,所以只能用假链接来代替。当项目后期其他界面都已经完成时,再将假链接替换为真链接。

3、格式:1、#        2、javascript:                                                两者的区别:#假链接打击后会自动回到顶部,JavaScript假链接点击后不会回到顶部。

二、锚点

作用:通过a标签在当前界面找到相对位置

方法:因为在HTML中每个标签都有一个叫做id的名称属性,所以要实现锚点功能需要做以下两步:1、给目标位置的标签添加一个id属性,然后指定一个独一无二的值;2、告诉a标签所需跳转目标标签所对应的id值

格式:<a href="#center">跳转到中部</a>                              <h2 id="center">我是中部</h2>

注意点:1、通过a标签跳转到指定位置的过程中没有规定动画;2、a标签除了可以跳转到当前界面指定位置外,还可以跳转到其他页面的某个位置。

相关文章

  • 9-假链接和锚点

    一、假链接 1、什么是假链接? 点击之后不会跳转的链接。 2、假链接的意义: 在企业开发前期,其他界面都还没有写出...

  • a标签,假链接,锚点

    1、a标签 作用:a标签用于控制页面与页面之间的跳转,即超链接。 格式: 链接所用的文字或图片 注意: (1) 必...

  • 路径问题&假链接&锚点

    路径问题 其实想给src属性赋值有两种方式: 通过相对路径赋值(掌握)相对路径就是每次都从.html文件所在的文件...

  • 四,假链接与锚点

    一,假链接 1,定义 鼠标点击之后页面不会跳转的链接我们称之为假链接。 2,意义 在企业开发前期,其它界面都没有写...

  • 前端学习笔记一一HTML如何添加锚点

    页面添加锚点的三种方式 HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内...

  • HTML基础学习

    1.1 锚点定位 (难点) 通过创建锚点链接,用户能够快速定位到目标内容。 创建锚点链接分为两步: 1.2 bas...

  • 超链接选择器a 和 a:link 区别

    问题:a{} 和 a:link{} 使用时有什么区别? 最关键是:a 标签 有 锚点和超链接 两种功能 锚点:没有...

  • HTML(三)锚点和列表

    锚点标签 .... 作用:同一个文档中创建指向该锚(位置)的链接 定义是用的name属性,锚点链接使用href属性...

  • Vue锚点链接

    锚点链接是我们在开发中经常会用到的一个技术点,常见的常见有,页面内容过多,而我们不希望拿鼠标一直来回滚动,就需要用...

  • 锚点链接实现

    用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。

网友评论

      本文标题:9-假链接和锚点

      本文链接:https://www.haomeiwen.com/subject/vasdzttx.html