base元素指定当前页面中所有链接的基础路径。
如果没有base的话,页面里的所有相对路径在生成绝对路径的时候都会以自己的物理位置作为默认的基础路径。
举例来说,www.aaa.com/bbb/ccc.html 中的基础路径是bbb文件夹内
在这里, ./代表上当前路径 bbb/
../代表上一级路径 www.aaa.com/
/代表磁盘的根目录 (e.g. c:\)
如果设置了base元素,比如<base href="www.aaa.com" />:
那么,./代表base的路径也就是www.aaa.com/
../指向www.aaa.com上一级的目录
/依然代表磁盘的根目录 (e.g. c:\)
除此之外,可以用base控制新窗口打开的方式
比如设置:<base target=_blank>
当前页面指向的链接在打开的时候都会以打开新tab为显示方式
因为html没有项目根目录的说法,所以在设置相对路径的时候一定要注意
使用base能解决此类问题,确保相对连接不会超出项目的范围,结构也会比较清晰。