美文网首页
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 系列 **

相关文章

  • 前端技能的掌握

    html.所掌握技能 1. html xhtml html5的区别 2.DTD文档声明 meta标签 base标签...

  • HTML5 - Base 标签

    在HTML中,

  • HTML5语法,标签, 属性

    @(HTML5)[HTML5 语法, HTML5标签, HTML5属性] [TOC] 一 、HTML5语法,标签,...

  • 初识HTML5

    html5 ≈ html5新增标签以及规范 html5 ≈ html5新增标签 + css3 + JavaScri...

  • HTML5常用的标签

    目录: HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应...

  • 图片转换成base64

    html5如何将图片转换成base64? html5如果要将图片转换成base64需要使用到一个html5的接口F...

  • HTML5安全

    HTML5安全 HTML5新标签 html5出现了很多新标签,比如 ,下面简单介绍一下这几个标签。...

  • base 标签

    base 标签可以设置整体链接的打开方式 四个链接均为在新窗口打开。注:target="_self"是在原窗口打开。

  • 标签base

    base标签是用来统一制指定当前网页中所有超链接(a标签) 注意:1.base标签必须写在head的开始和结束标签...

  • base标签

    base可以设置整体连接的打开状态 写法: _blank:打开新窗口 _self:在当前窗口内跳转

网友评论

      本文标题:HTML5 - Base 标签

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