<base> 标签用于指定 HTML 页面中所有相对 URL 的基准 URL。在一个 HTML 页面中,可以使用多个相对 URL 来引用外部资源,如图像、样式表、脚本等。如果未设置 <base> 标签,浏览器会将当前 URL 当作基准 URL。
通过在 HTML 中设置 <base> 标签,可以指定一个基准 URL,使得所有相对 URL 都基于该 URL 进行解析。这对于网站根目录中的所有页面都需要引用同一个资源时非常有用,例如一张图片或一个 JavaScript 文件。
以下是 <base> 标签的几个重要属性:
href:指定基准 URL,必需属性。target:指定链接的打开方式,可选属性。media:指定媒体类型,可选属性。例如,以下代码将所有相对 URL 都基于 https://example.com/ 进行解析:
<!DOCTYPE html>
<html>
<head>
<base href="https://example.com/">
<title>My Website</title>
</head>
<body>
<img src="images/logo.png">
<a href="about.html">About Us</a>
<script src="scripts/main.js"></script>
</body>
</html>
上述代码中,<img>、<a> 和 <script> 标签中的相对 URL 都会被解析为 https://example.com/images/logo.png、https://example.com/about.html 和 https://example.com/scripts/main.js。
需要注意的是,如果在相对 URL 中使用了协议(如 http:// 或 https://),则 <base> 标签中的 href 属性将被忽略。