主要作用:从当前页面进行跳转。
可以实现:
①跳转到指定页面、
②跳转到指定文件(也可触发下载)、
③跳转到锚点位置、
④唤起指定应用。

1. 跳转到页面

注意点:

  1. 代码中的多个空格、多个回车,都会被浏览器解析成一个空格!
  2. 虽然 a 是行内元素,但 a 元素可以包裹除它自身外的任何元素!
    想展示多个回车或空格,怎么办呢? —— 后面会讲。
    跳转其他网页
    <a href="https://www.bglog.cn/" target="_blank">去BGLOG</a>
    代码内加target="_blank"是站外跳转 不加则是站内跳转
    跳转本地网页
    <a href="./xxbj/2.html" target="_self">去看本篇文章</a>

2. 跳转到文件

注意1:若浏览器无法打开文件,则会引导用户下载。
注意2:若想强制触发下载,请使用 download 属性,属性值即为下载文件的名称。
注: 浏览器不能打开的文件,会自动触发下载
<a href="文件路径">自定义</a>
强制触发下载代码
<a href="文件路径" download="文件路径">文字自定义</a>

3. 跳转到锚点

什么是锚点?—— 网页中的一个标记点。
具体使用方式:
第一步:设置锚点
注意点:

  1. 具有 href 属性的 a 标签是超链接,具有 name 属性的 a 标签是锚点。
  2. name 和 id 都是区分大小写的,且 id 最好别是数字开头。
    第二步:跳转锚点

第一种方式:a标签配合name属性
<a name="test1"></a>
第二种方式:其他标签配合id属性
<h2 id="test2">我是一个位置</h2>
跳转到test1锚点
<a href="#test1">去test1锚点</a>
跳到本页面顶部
<a href="#">回到顶部</a>
跳转到其他页面锚点
<a href="demo.html#test1">去demo.html页面的test1锚点</a>
刷新本页面
<a href="">刷新本页面</a>
执行一段js,如果还不知道执行什么,可以留空,javascript:;
<a href="javascript:alert(1);">点我弹窗</a>

4. 唤起指定应用

通过 a 标签,可以唤起设备应用程序。
概念:列表中的某项内容,又包含一个列表(注意:嵌套时,请务必把解构写完整)。
唤起设备拨号
<a href="tel:10010">电话联系</a>
唤起设备发送邮件
<a href="mailto:605605199@qq.com">邮件联系</a>
唤起设备发送短信
<a href="sms:10086">短信联系</a>