美文网首页
HTML5 - Base 标签

HTML5 - Base 标签

作者: 程序员长春 | 来源:发表于2017-04-05 10:02 被阅读0次

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

    相关文章

      网友评论

          本文标题:HTML5 - Base 标签

          本文链接:https://www.haomeiwen.com/subject/qpdtattx.html