Web全栈-base标签假链接

Posted 从菜鸟到老鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web全栈-base标签假链接相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>base标签、假链接</title>
    <base target="_blank">
</head>
<body>
<!--
base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开

注意点:
1.base标签必须写在head标签的开始标签和结束标签之间
2.如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行
-->
<a href="https://www.nuomi.com/?cid=002540" target="_self">糯米</a>
<a href="http://news.baidu.com/">新闻</a>
<a href="https://www.hao123.com/">hao123</a>
<a href="http://map.baidu.com/">地图</a>
<a href="http://v.baidu.com/">视频</a>
<a href="http://tieba.baidu.com/">贴吧</a>



<!--
1.什么是假链接?
就是点击之后不会跳转的链接我们称之为假链接

2.假链接存在的意义:
在企业开发前期, 其它界面都没有写出来, 那么我们就不知道应该跳转到什么地方, 所以就只能使用假链接来代替. 当项目后期其它界面都已经完成时再将假链接体会为真链接

3.假链接的格式:
1.#
2.javascript:

4.两者之间的区别:
#的假链接会自动回到网页的顶部, 而javascript:的假链接不会自动回到网页顶部
-->
<h1>我是顶部</h1>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="#">点我丫1</a>
<a href="javascript:">点我丫2</a>

</body>
</html>

以上是关于Web全栈-base标签假链接的主要内容,如果未能解决你的问题,请参考以下文章

Web前端/全栈核心(html5/css3/js/vue/react/angular/es6/node)观看笔记

Web全栈-a标签

python 全栈 web基础 html标签

Web全栈-audio标签

Web全栈-Datalist标签

Web全栈-详情和概要标签