Base href 属性

什么是 base href 属性

base href 属性是 HTML 中的一个标签，在 <head> 标签中使用，用来指定页面中所有相对 URL 的基准路径。这样在页面中的所有相对链接都会以此为基准进行解析。

如何使用 base href 属性

要使用 base href 属性，只需要在 HTML 的 <head> 标签中添加如下代码即可：

<base href="https://www.example.com/">

这样，页面中所有的相对链接都会以 https://www.example.com/ 作为基准路径进行解析。

示例代码

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <base href="https://www.example.com/">
</head>
<body>
    <a href="page1.html">Page 1</a>
    <a href="page2.html">Page 2</a>
</body>
</html>

在上面的示例代码中，我们设置了 base href 属性为 https://www.example.com/，所以页面中的两个链接 page1.html 和 page2.html 都会以此为基准路径进行解析，最终的链接为 https://www.example.com/page1.html 和 https://www.example.com/page2.html。

注意事项

• 只能在 <head> 标签中使用 base href 属性。
• base href 属性必须设置完整的 URL，包括协议、域名和路径。
• 如果页面中有多个 base href 属性，只有第一个会生效。

总结

通过正确地使用 base href 属性，我们可以轻松地设置页面中所有相对链接的基准路径，确保链接的正确性和一致性。希望本文对你有所帮助，谢谢阅读！