1. base标签的作用
在html文档中,base标签是用来指定文档中所有相对路径的基准 URL 的一个标签。
在
<base>
标签中,有 href 和 target 两个属性。其中 href 属性可以设置文档内所有相对路径的基准 URL(比如图片、链接、脚本等);而 target 属性则可以指定在哪个窗口或框架中打开链接。
下面分别看一下这两个属性的使用方法。
1.1 href 属性
假设我们有一个页面<a>
标签,想要链接到当前页面所在目录下的一个 info.html
页面。我们可以这样写:
<a href="info.html">详情</a>
但是,如果我们把这个页面放到其他目录下(比如放到根目录下的 article 目录中),那么这个链接就会失效。
为了防止这种情况发生,我们可以在
<head>
标签内添加一个 <base>
标签来指定页面的基准 URL:
<head>
<base href="http://www.example.com/article/">
</head>
这样,在原先的<a>
标签中指定了相对路径后,它就会自动与http://www.example.com/article/
地址组合,形成一个绝对路径。
1.2 target 属性
除了 href 属性,
<base>
标签还可以用于指定在哪个窗口或框架中打开链接。
假设我们有一个链接,想要在新标签页中打开。我们可以在
<base>
标签中添加 target="_blank":
<base target="_blank">
这样,在页面中所有 <a>
标签中不需要再添加 target="_blank" ,链接就会自动在新窗口中打开。
2. base标签的的注意事项
需要注意的是,
<base>
标签必须位于 <head>
标签内,并且只能出现一次。
此外,如果一个页面包含多个base
标签,则只有第一个base
标签的属性会生效。
最后值得一提的是,在极端情况下,base
标签的使用可能会影响整个站点的链接策略。因此,在使用base
标签之前,一定要仔细规划好站点的链接结构。