# 超链接

<a href="http://www.baid.com" target="_blank">跳转到百度</a>
<a href="javascript:void(0)" >跳转</a>    //不跳转,网页上常用
  • target属性:指定链接的打开方式
    _blank: 跳转新页面
    _self:默认,当前页面跳转

  • href:跳转的路径
    href为空时,刷新页面
    href为#时,回到顶端,不刷新页面

# 设置图像链接

<a href="../img/footer.png" download="../img/footer.png">下载图片</a>
  • 可以提供图片下载功能

# 锚点跳转

<a href="#app">跳转</a>
<p id="app">锚点</p>
<a href="#app">跳转</a>
<a href="" name="app">跳转</a>
  • 第二种方式只能用a标签的name属性定义才生效

# base元素

<base href="目录名称" target="" />
<a href="new_file.html">跳转</a>
  • base用来定义页面内所有相对地址的根目录
    最终当页面在浏览器上显示的时候,所有的路径都会拼接上这个设置的目录(把相对地址变成绝对地址

# 特殊用法

<a href="mailto:abc123@xx.com?subject=string&body=text">发送邮件</a>
<a href="sms:12345678910?body=string">一键发送短信</a>
<a href="tel:12345678910">一键拨打电话</a>
<a href="geopoint:116.281469,39.866035">我的位置</a>
  • 发送邮件
    subject是邮件的主题
    body是邮件的内容

  • 发送短信
    body是短信的内容

iOS和Android需要区分

ios用&连接body,Android用?连接body
navigator.userAgent可获取当前机器具体信息,从而区分iOS和Android

  • 拨打电话

  • 发送自己的定位信息