美文网首页
a标签的使用

a标签的使用

作者: Isaacyyy | 来源:发表于2017-02-15 11:44 被阅读0次

    什么是a标签

    • a标签的作用:是用于控制页面与页面之间跳转的,

    • a标签的格式: <a herf="指定跳转的目标界面">需要给用户查看的内容</a>

            <a herf="http://www.baidu.com">点击我,跳转百度一下你就知道</a>  
    
    • a标签不只可以用文字点击。 图片也可以点击。

           <a herf="http://www.baidu.com">  
      
    QQ图片20170215112025.png

    </a>

    • a标签中必须有herf属性。 不然a标签不知道要跳转到什么地方。

    • 如果 a标签的herf 属性指定一个url 地址, 那么。必须在url地址前面加上http:// 或者https://


    a标签的其他属性

    • a 标签中有一个target的属性,这个属性的作用就是专门用于控制如何跳转的,
    target 属性的取值 :

    11 _self :作用在当前页面跳转。也就是不建新的界面跳转,

    1.2 _blank: 作用在其他页面跳转。也就是新建一个选项卡。


    a 标签的其他属性

    title : 作用, 当鼠标悬停在a标签的时候 显示的文字。
    base: 作用 ,控制当前页面的所有a 标签跳转方式, 必需写在head标签中。

    a 标签的假链接

    就是点击之后不会跳转的链接,假链接存在的意义: 在企业开发前期,其他界面都没有写出来,那么我们不知道应该跳转到什么地方。所以只能用假链接来替代,当项目后期其他界面都已经完成,再把假链接替换为真链接

    假链接的格式

          1. #  
    
          2.java script: 
    

    两者之间的区别。# 会自动返回顶部 。java script: 不会自动返回到顶部,
    a 标签锚点
    可以通过给标签设置 ID属性。 然后通过假链接 #ID 跳转到当前页面的指定位置。

    <div id="Nav" >我是导航</div>

    <a herf="#Nav">点击跳转到导航</a>

    相关文章

      网友评论

          本文标题:a标签的使用

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