本文详细介绍了HTML5前端开发中的a标签、base标签、假链接和锚点的使用。a标签用于页面间跳转，支持_target属性控制跳转方式；base标签统一设定所有a标签的打开方式；假链接如#和javascript:常用于开发初期替代实际链接；锚点利用id属性实现页面内定位，无过渡动画。
##a标签
-作用：就是用于控制页面与页面之间的跳转的
-格式：<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>
-属性：a标签中有一个target属性，这个属性的作用就是专门用于如何跳转
_self:用于在当前选项卡中跳转，也就是不新建页面跳转
_blank：用于新的选项卡中跳转，也就是新建界面跳转
a标签中还有一个title属性，它和img标签中的title属性是一样，都是用来控制鼠标悬停时显示的提示文本
-注意点：
-a标签不仅可以让文字可以点击，还可以让图片也能够被点击
-一个a标签必须有一个href属性，否则a标签不知道要跳转到哪个地方
-如果通过a标签的href属性指定一个URL地址，那么必须在地址前面加上http://或者https://
-除了可以指定网络地址以外，还可以指定本地地址
##base标签
作用：base标签就是专门用来统一的指定当前网页中所有的超链接标签（a标签）需要如何打开
格式：
<head>
<meta charset="UTF-8">
<title>base标签</title>
<base target="_blank">
</head>
注意点：
1.base标签必须写在head标签的开始标签和结束标签之间
2.如果既在base中指定了target又在a标签中指定了target，浏览器会按照a标签中来执行
##假链接
什么是假链接？
就是点击以后不会不会跳转的链接我们称之为假链接
假链接存在的意义：
在企业开发前期，其他界面都没有写出来，那么我们不知道应该跳转到什么地方，所以就只能用假链接代替。
当项目后期其他界面都已经完成时再将假链接替换为真链接
假链接的格式：
1.#
2.javascript:
<a href="#">点我鸭1</a>
<a href="javascript:">点我鸭2</a>
两者之间的区别：
#的假链接点击会自动回到网页的顶部，而Javascript：的假链接不会自动回到网页的顶部
##锚点
1.要想通过a标签跳转到指定的位置，那么必须告诉a标签一个独一无二的身份证号码，这样a标签才能在当前界面中找到需要跳转的目标位置
2.如何给HTML中的标签绑定一个独一无二的身份证号码呢？
在HTML中，每一个标签都有一个名称叫做id的属性，这个属性就是用来给标签指定一个独一无二的身份证号码的
3.所以要想实现通过a标签跳转到指定位置分为两步
3.1给目标位置的标签添加一个id属性，然后指定一个独一无二的值
3.2告诉a标签需要跳转的目标标签对应的独一无二的身份证号码是多少
格式：
<a href="#center">跳转到中部</a>
<h2 id="center">我是中部</h2>
注意点:
1.通过我们的a标签跳转到指定的位置，是没有过度动画的，是直接一下子就跳转到指定位置的
2.a标签除了可以跳转到当前界面的指定位置以外，还可以在跳转到其他界面的时候直接跳转到其它界面的指定位置
格式：
<a href="锚点跳转测试界面.html#xixixi" target="_blank">跳转到锚点测试界面</a>
<h2 id="xixixi">我是锚点测试界面3333333333</h2>（新建的锚点跳转测试界面.html文件中）
扫一扫
1312
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
