说到a标签,大家第一韶光想到的一定是a标签的链接浸染,除了链接,我们还能想到什么呢?

下面的篇幅我们一起来谈论html中a标签的用场。
(针对html5谈论,html5中不支持的功能

不在此篇文章的谈论范围内)

html中a标签HTML之a标签的应用 jQuery

1. 链接浸染

这个大家都很熟习,便是点击跳转到我们设定的链接上,详细语法为:

<a href=\"大众xxx(链接地址)\"大众>跳转</a>

平常我们在点击链接的时候有时候会在当前页面加载,有时候会在新标签页加载,还有的乃至会新建窗口加载,为什么会这样呢?这里我们就须要引进a标签的一个属性target(仅在href属性存在时才能利用)。
根据w3c的文档解释我们会看到target属性有多个值,对应的解释如下:

_blank -->总在一个新打开、不决名的新标签页中载入目标文档。
_self -->在当前标签页中载入目标文档(默认选项,无需特殊声明)_parent -->在当前框架(frame)的父框架(父级frame)中载入目标文档_top -->在当前框架(frame)的顶部框架(顶级frame)中载入目标文档framename -->在指定的框架中载入目标文档

把稳:以上属性只能在新标签或者当前标签载入目标文档,那么如何能够在新窗口载入目标文档呢?我们须要用到js中的window.open()方法,详细代码如下:

<script type=\"大众text/javascript\"大众> function openNewWindow(url, title) { window.open(url, title); }</script><a href='javascript:openNewWindow(\"大众xxx(链接地址)\公众, \"大众标题\公众)'>跳转</a>

2. 锚点定位

除了链接到新地址,a标签还可以用来做页面内导航,即锚点定位,详细代码如下:

<div id=\"大众test\"大众>test</div><a href=\公众#test\"大众>跳转</a>

点击跳转即可定位到id为test的div所在的位置。

3. 打电话/发短信/发邮件

<a href=\"大众tel:电话号码\公众>打电话</a><a href=\公众sms:电话号码\公众>发短信</a><a href=\"大众mailto:邮箱地址\"大众>发邮件</a>

4. 下载

<a href=\"大众xxx(下载地址)\"大众 download=\"大众文件名\"大众>下载</a>

把稳:以高下载地址要与原页面同源,否则无法下载。
download的值可以缺省,如果缺省则按文件默认名命名。