# 超链接
<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
拨打电话
发送自己的定位信息
伪类和伪元素 →