a标签的使用

什么是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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,545评论 25 709
  • a标签的使用 属性(属性值) 1、href(需要跳转到哪个页面)(存放跳转的地址url) 2、target(打开目...
    魔_术师阅读 9,008评论 0 1
  • 一.< img/>图片标签 格式: 作用: 用于告诉浏览器向网页中嵌入一幅图像。 常用属性: 注意点:1. 图片...
    饥人谷_刘冲阅读 9,962评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,442评论 19 139
  • 文/青木 2008年的夏天,高考完毕填写志愿,艺术设计、美术学、社会科学….嗯,艺术设计比较酷,于是我在志愿上填写...
    一束沐熹阅读 2,338评论 4 1