在前端开发中，经常会遇到
a标签–超链接
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
超链接
<a href="http://www.baid.com" target="_blank">跳转到百度</a>
<a href="javascript:void(0)" >跳转</a> //不跳转，网页上常用
<a href="">跳转</a> //空链接，当前页面跳转，刷新页面
<a href="#">跳转</a> //空锚点，回到最顶端，不刷新页面
//将图像作为链接
<a href="../img/footer.png" download="../img/footer.png">下载图片</a>
//mailto：会自动检测本机系统是否安装邮箱，如果有就会自动打开邮箱，
//没有则会提示用户选择邮箱或者没提示
<a href="mailto:[email protected]">发送邮件</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属性定义才生效
a标签的href属性
- 如果a标签不做跳转用，只是一个标签，那么在a中调用js函数最适当的方法推荐使用:
<a href="javascript:void(0);" οnclick="js_method()"></a>
<a href="javascript:;" οnclick="js_method()"></a>
<a href="#" οnclick="js_method();return false;"></a>
- href="#“的作用
a中href=”#"表示回到最顶部。如果当前页面中需要滚动的话，那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮，回到顶部，那么此时可以考虑用这种最简单的方式实现。
<span style="font-size:14px;">
<a href="#">回到最顶端</a>
</span>
- href="URL"的作用
//绝对地址
<a href="http://baidu.com">超链接</a>
//相对URL
<a href="css/css1.css">文件链接</a>
//锚点URL
<a href="#box">回到最顶端</a> //回到页面中id为box的元素锚点位置
a标签的target属性
_blank
_parent
_self
_top
frameName
base标签
语法：
<head>
<base href="全局地址" target="全局属性">
</head>
target属性值：
_blank
_parent
_self
_top
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
使用 标签,浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<base> 标签必须位于 head 元素内部。
注意
<base>标签是针对所有的<a>标签起作用，如<base>标签和<a>标签都有target属性，那么遵循就近原则，最终效果取决于<a>标签中的属性。
设置了base标签的href默认地址，页面就不能轻易用 href="#" 号，这样也会造成默认地址的页面加载