说到a标签,大家第一韶光想到的一定是a标签的链接浸染,除了链接,我们还能想到什么呢?
下面的篇幅我们一起来谈论html中a标签的用场。(针对html5谈论,html5中不支持的功能
不在此篇文章的谈论范围内)
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的值可以缺省,如果缺省则按文件默认名命名。