<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
属性将被忽略。