HTML中的<a></a>标签
来源:Harlan_Zhang     阅读:595
源码超市
发布于 2019-06-11 05:08
查看主页

<a></a>是html中非常常用且重要的标签,本文将会详情<a></a>的各种属性以及少量使用经验。

属性

  1. href
    href是<a></a>中最重要的标签之一, 假如不加href属性,<a></a>标签在浏览器中的体现会和<span></span>一致,失去了<a></a>的基本样式。
<a href="www.baidu.com">链接</a>  最普通的用法,点击跳转,发出http的get请求。<a href="#">返回顶部</a>   当href为"#"或者者"#top"时,点击<a></a>标签页面会跳转到顶部,不发出http请求  <a href="javascript: alert('Hello');">Hello</a>  这种写法被称为javascript伪协议,在 javascript: 的后面增加javaScript代码即可以点击执行,但是强烈不推荐。
  1. download
    该属性是Html5新添加的属性,有经验的前台开发者都知道,当<a>标签的链接指向一个文件的地址时,假如该文件是.text、.pdf、.png这种浏览器可以打开的文件类型时,点击链接会直接将该文件在浏览器中打开,但是假如加上download,则会直接下载到本地,而不是在浏览器中打开。但是注意,该属性必需遵循浏览器的同源协议,否则不会生效
<a href="www.aaa.com/test.txt" download>文本文件</a>
  1. target
    target表示目标网页在哪里打开
<a href="www.baidu.com" target="_self">百度</a> 在本页面打开新页面,默认值  <a href="www.baidu.com" target="_blank">百度</a> 在新的窗口打开新页面<a href="www.baidu.com" target="_parent">百度</a> 一般搭配<iframe>使用,在父级对象中打开网页<a href="www.baidu.com" target="_top">百度</a>  一般搭配<iframe>使用,在顶级对象中打开网页<a href="www.baidu.com" target="自己设置名字"> 搭配<iframe>的name属性使用,在target中填对应<iframe>的name,则可以在指定<iframe>中打开网页

题外话:Google搜索中打开新网页是在本页面打开的,这与国内客户的习惯可能不太符合,在Google搜索的设置->搜索设置中可以修改成在新窗口打开。

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 系统环境 服务器应用
相关推荐
LeetCode.908-最小差值 1(Smallest Range I)
web端唤醒本地应用并检测能否唤醒成功
TensorFlow工具快速入门教程7 TensorFlow基础
前台开发入门到实战:HTML5语义化元素你真的用的正确吗?
说说 Spring AOP 中 @Aspect 的高级使用法
首页
搜索
订单
购物车
我的