html的<base>标签-优快云博客

本文介绍如何使用HTML中的<base>标签来简化文档中的相对URL引用。通过设置基本URL，可以统一处理文档内所有相对路径，提高网页开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

下面是一个例子：

<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

上面这段代码中，<img>标签的src属性是一个相对路径，因为<head>中通过base标签设置了链接的默认地址，所以img的src实际的地址是“http://www.w3school.com.cn/i/eg_smile.gif”。同样的，<a> 中只是指定了href，并未指定target属性，所以也会使用base中设置的target属性的值。

转载于:https://my.oschina.net/yonguil/blog/368206