一、a标签基本用法   

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

a标签怎么包裹embed a标签使用方法_指定位置

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

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

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

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

二、mailto链接

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

使用方式:

a标签怎么包裹embed a标签使用方法_a标签_02

更多使用方式 :

a标签怎么包裹embed a标签使用方法_页面跳转_03

三、base标签

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

注意点 :

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

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

a标签怎么包裹embed a标签使用方法_a标签_04

四、假连接

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

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

假链接的格式 :

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

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

a标签怎么包裹embed a标签使用方法_a标签怎么包裹embed_05

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

例如:

a标签怎么包裹embed a标签使用方法_指定位置_06