HTML base 标签 - 绿叶网

HTML base 语法

在 HTML 中，base 标签用于设置当前页面的基准 URL，然后当前页面中所有相对链接（如图片、外部文件等）都会相对于该基准 URL 进行解析。

语法：

<base href="基准URL">

说明：

base 是一个自闭合标签，它只能放在 head 标签内部，并且每个页面中只能出现一次。

注意: 在实际开发中，尽量少使用 base 标签，因为它会影响页面中所有相对链接和引用，可能会导致一些预期之外的行为。

HTML base 摘要

属于	HTML 标签
使用频率	低
兼容性	查看
官方文档	查看
MDN	查看

HTML base 示例

接下来，我们通过一个简单的例子来讲解一下 HTML base 标签是如何使用的。

示例：base 基本用法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <base href="https://www.lvyenet.com/">
</head>
<body>
    <a href="index.html">绿叶网</a>
</body>
</html>

页面效果如下图所示。

HTML base标签示例

分析：

由于我们使用 base 标签设置了基准 URL 为 “https://www.lvyenet.com/”，因此当前页面所有链接的地址都会使用该基准 URL 作为 “前缀”。

上面例子的超链接实际上指向了 https://www.lvyenet.com/index.html 这个地址。当我们点击超链接之后，就会跳转到 https://www.lvyenet.com/index.html。