a标签应用

一、a标签基本用法   

        a标签是一个跳转标签，控制页面之间的跳转。href属性里设置跳转页面的路径，target属性里设置是在当前页面跳转还是新建页面跳转。target默认属性为_self（在当前页面跳转），设置为_blank则表示要新建页面跳转。title属性为鼠标悬停时展示的信息。

另外使用a 标签还有以下几点要注意：

1.a标签不仅可以让文字点击，也可以让图片被点击 ​

2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方 ​

3.如果通过a标签href属性指定一个URL地址，那么必须在地址前面加上http://或者https:// ​ 除了URL地址，还可以指定一个本地地址

二、mailto链接

        mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。但是需要你电脑中安装默认的E-mail软件，类似Microsoft Outlook等等。加入您已经安装了Microsoft Outlook，那么直接点击mailto链接就可以获得默认设置的邮件信息。

使用方式：

更多使用方式 ：

三、base标签

base标签就是专门用来统一指定当前页面中所有的a标签需要如何打开 ，target属性设置该html网页中a标签的默认跳转方式，href属性设置a标签的默认跳转路径。

注意点 ：

1.base标签必须要写在head标签之间

2.如果既在base中指定了target又在a标签中指定了target，那么浏览器会按照a标签中指定的来执行

四、假连接

什么是假链接？ 就是点击之后不需要跳转的链接我们称之为假链接。

在企业开发初期，其他的界面都没有完成，所以不知道跳转到什么地方，这个时候先用假链接来代替，项目完成后再换成真链接。

假链接的格式 ：

1.# 直接回到页面的顶部

2.javascript: 不会自动回到页面的顶部

5、锚点

1.要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到的目标位置

2.如何和HTML中的标签绑定一个独一无二的身份证号码呢? 在HTML中, 每一个标签都有一个名称叫做id的属性, 这个属性就是用来给标签指定一个独一无二的身份证号码的

3.所以要想实现通过a标签跳转到指定的位置分为两步 3.1给目标位置的标签添加一个id属性, 然后指定一个独一无二的值 3.2告诉a标签你需要跳转到的目标标签对应的独一无二的身份证号码是多少

代码示例：

<a href="#center">跳转</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p id="center">我是中部</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

注意点:

1.通过我们的a标签跳转到指定的位置, 是没有过度动画的, 是直接一下子就跳转到了指定位置

2.a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置，这种a标签的href格式为：目标文件的相对路径#指定位置的id

例如：