# 使用HTML 元素指定文档根URL
> 通常Web页面创建链接资源（页面、样式表、图片等系列），一般情况下我们会通过绝对路径或相对路径链接到这些资源文件，使其可访问。那么我们今天看看HTML中元素作用。
Author: DeathGhost
Published: 2020-03-15 13:03:03
Category: html
Canonical: https://www.deathghost.cn/article/html/68
Keywords: HTML, base, 元素, 链接, 相对路径, 绝对路径, 目标路径, 文档根URL元素, 根链接, 目标链接
绝对路径是特定指向资源，通常以域名（http/https）开头，如同https://www.deathghost.cn/public/images/avatar.jpg这般；而相对路径则取决于你的根位置或当前域名下。
HTML 标签 文档根URL元素
犹如：
这个问题都是众所周知，无需多言。
但是，我们往往在创建文档时可能很少注意元素，这个一直存在，我们在创建基础文档却很少用或很少看到；单页面应用上如Angular创建时会在根文档上默认创建此标签，大家不妨看看项目里的index文件。
而元素的作用就是：允许我们在处理相对URL时指定其源目标路径，默认其上下文目标路径。
示例
我们在文档head元素包裹中添加设置一个元素指向
然后再body内容中添加
URL
鼠标移到页面链接上则可以看到其地址为：
https://www.deathghost.cn/b.html
若无head中设置，则会显示文档所在目录地址
file:///C:/Users/DeathGhost/Desktop/b.html
我们可以通过JS脚本去查询document.baseURI，如果文档中不包含标签，baseURI 默认为 document.location.href。
另外注意一点是，元素属于一个空元素，因此其没有技术标签且位于文档head元素中只可读取一个，多设无意。
使用 标签后浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 、![]()
、、