每天学习HTML标签之base

最新推荐文章于 2025-06-21 16:16:14 发布

最新推荐文章于 2025-06-21 16:16:14 发布 · 131 阅读

文章标签：

#HTML #浏览器 #XHTML

JS&HTML 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了HTML中的<base>标签的使用方法及其作用。通过设置<base>标签，可以规定页面中所有链接的基准URL，这对于简化链接管理和统一链接打开方式非常有用。文章还通过实例展示了不同target属性的效果。

以前别人问你HTML里面的head标签里都可以写什么东西啊？

只知道meta,title,但是偶然查看国内著名网址导航站，hao123，发现其原代码有这么一句

<base target=_blank>

于是上W3SCHOOL查看之，得到

定义和用法

base 元素可规定页面中所有链接的基准 URL。

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

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

HTML 与 XHTML 之间的差异

在 HTML 中，<base> 标签没有结束标签。

在 XHTML 中，<base> 标签必须被正确地关闭。

提示和注释：

注释：<base> 标签必须位于 head 元素内部。

其真正意义为：

在<head></head>标签内写这么一句后，在页面内的所有超链接，如不特殊说明target属性都采取<base>中定义的

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="Content-Language" content="zh-cn" />
		<base target="_blank">
	</head>
<body>
	<p>
		<a href="http://opensuse.iteye.com" target="_blank">这个连接</a> 将在新窗口中加载，因为 target 属性被设置为 "_blank"。
	</p>
	<p>
		<a href="http://opensuse.iteye.com">这个连接</a> 也将在新窗口中加载，即使没有 target 属性。
	</p>
	<p>
		<a href="http://opensuse.iteye.com" target="_self">这个连接</a> 将在本窗口中加载，因为自己设了target 属性。
	</p>
</body>
</html>