在HTML中,<base
标签是一个相对较少为人所知的元素,,它可以让你做两件事情:
- 将您选择设置的URL做为所有相对URL的参考坐标。
- 设置默认链接目标。
什么是Base标签
-
<base>
元素在<head>
部分中定义,每个文档只能使用一次。 - 你应该尽早将它放在你的头部,以便从那时起就可以使用它。
- 可以使用的属性是
href
和target
。 - 您可以只使用一个属性,或者同时使用这两个属性。
W3C d的定义文档 点这儿, 你看得懂算我输了。
MDN 开发网络的人懂一点CSS,看起来顺眼一点点。 Base Tag
示例
<base href="http://www.example.com/page.html">
<base target="_blank" href="http://www.example.com/page.html">
在 W3Schools 网站上有一个 DEMO
<head>
<base href="https://www.w3schools.com/images/" target="_blank">
</head>
<body>
![](stickman.gif)
<a href="https://www.w3schools.com">W3Schools</a>
</body>
单页应用SPA
在开发SPA应用程序的时候,如果你注意观察浏览器地址栏,会产生一个疑问,为什么#
不见了,而是普通的 http://www.sample.com/about
,这样的地址为什么浏览器不会进行页面重新加载。
更加重要的一点是,当用户在浏览器上直接输入 http://www.sample.com/about
这样的地址时,服务器上没有相关的页面,没有相关的路由,按照常理(传统的思维,学过的知识),服务器应该返回404错误页面。
但是你如果自己开发过Angular SPA应用的话,你会发现,事实并非如此。
有兴趣的童鞋请自行试验。
不会开发SPA?
Angular 系列
** Vue 系列 **
网友评论