美文网首页
a标签的用法

a标签的用法

作者: 可樂Cola | 来源:发表于2018-12-27 10:17 被阅读0次

a标签

超链接
<a href="http://www.baid.com" target="_blank">跳转到百度</a>
<a href="javascript:void(0)" >跳转</a> //不跳转,网页上常用
target属性(指定链接的打开方式):
_blank: 跳转新页面
_self:默认,当前页面跳转
href:跳转的路径

<a href="">跳转</a>  //空链接,当前页面跳转,刷新页面
<a href="#">跳转</a> //空锚点,回到最顶端,不刷新页面

将图像作为链接
<a href="../img/footer.png" download="../img/footer.png">下载图片</a>

mailto:会自动检测本机系统是否安装邮箱,如果有就会自动打开邮箱,
没有则会提示用户选择邮箱或者没提示
<a href="mailto:1533233@qq.com">发送邮件</a>
<a href="tel:12345678910">一键拨打电话</a>
<a href="sms:12345678910">一键发送短信</a>

锚点
第一种:<a href="#app">跳转</a>
<p id="app">锚点</p>
第二种:
<a href="#app">跳转</a>
<a href="" name="app">跳转</a>
这种方式只能用a标签的name属性定义才生效

base元素

base用来定义页面内所有相对地址的根目录
最终当页面在浏览器上显示的时候,所有的路径都会拼接上这个设置的目录(把相对地址变成绝对地址)
<base href="目录名称" target="" />
<a href="new_file.html">跳转</a>

相关文章

  • HTML入门2:html常用的标签

    本文为HTML中常用标签的用法。其中包括a标签,img标签,table标签,from标签 一、a 标签的用法 1....

  • 《HTML常用标签》

    这篇博客将包含HTML中常见且重要的a标签、table标签以及img标签的用法和作用。 a标签的用法 首先a标签是...

  • jQuery中的attr()方法

    js购物车

  • HTML常用标签

    HTML常用的几个标签a、img、table,用法如下 a标签的用法 a标签主要是跳转到外部链接,跳转到内部锚点,...

  • a标签的用法

    众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a...

  • a标签的用法

    a标签 base元素

  • Component 标签(17)

    一、component标签用法 component标签的用法,动态的根据data值显示不同的组件 二、点击按钮切换...

  • HTML5常见标签详解

    本文将介绍以下五种标签的常见用法: iframe标签 a标签 form标签 input/button标签 tabl...

  • Map.keySet()与Map.values()

    标签(空格分隔): java keySet()的用法参考博客 values()的用法参考博客

  • 011 标签a、img、list

    标签a、img、list 一、a标签 1、常用用法 2、相对路径 3、常用属性 4、其他用法 mailto:邮件给...

网友评论

      本文标题:a标签的用法

      本文链接:https://www.haomeiwen.com/subject/hkollqtx.html