HTML5 - Base 标签

在HTML中,<base标签是一个相对较少为人所知的元素,,它可以让你做两件事情:

  1. 将您选择设置的URL做为所有相对URL的参考坐标。
  2. 设置默认链接目标。

什么是Base标签

  • <base>元素在<head>部分中定义,每个文档只能使用一次。
  • 你应该尽早将它放在你的头部,以便从那时起就可以使用它。
  • 可以使用的属性是hreftarget
  • 您可以只使用一个属性,或者同时使用这两个属性。

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 系列 **

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容