a标签
基础
链接通过<a>
标签表示,用户点击后,浏览器会跳转到指定的网址
(1)href
href
属性给出链接指向的网址。它的值应该是一个 URL 或者锚点
(2)target
target
属性指定如何展示打开的链接
- 四大关键字
_self
:当前窗口打开,这是默认值_blank
:新窗口打开_parent
:上层窗口打开,这通常用于从父窗口打开的子窗口,或者<iframe>
里面的链接。如果当前窗口没有上层窗口,这个值等同于_self
_top
:顶层窗口打开。如果当前窗口就是顶层窗口,这个值等同于_self
- 非关键字,则在设置的
key
窗口打开,如果没有对应key
的窗口,则新建一个
(3)ping
ping
属性指定一个网址,用户点击的时候,会向该网址发出一个 POST 请求,通常用于跟踪用户的行为
(4)download
download
属性表明当前链接用于下载,而不是跳转到另一个 URL
download
属性只在链接与网址同源时,才会生效
如果download
属性设置了值,那么这个值就是下载的文件名(但是如果服务器的 HTTP 回应的头信息设置了Content-Disposition
字段,则该字段会更优先)
当href
的值为数据网站时,比如 data:
开头的网址,可以为虚拟网址指定下载的文件名
邮件
使用mailto
协议,<a>
标签可以指向一个邮件地址。用户点击后,浏览器会打开本机默认的邮件程序,让用户向指定的地址发送邮件
除了邮箱,邮件协议还允许指定其他几个邮件要素。
subject
:主题cc
:抄送bcc
:密送body
:邮件内容
使用方法是将这些邮件要素,以查询字符串的方式,附加在邮箱地址后面
<a
href="mailto:foo@bar.com?cc=test@test.com&subject=The%20subject&body=The%20body"
>发送邮件</a>
电话
使用tel
协议,<a>
标签可以指向一个电话。用户点击该链接,会唤起电话,可以进行拨号