HTML <base> 标签

2025 年 3 月 25 日 | 阅读 2 分钟

HTML <base> 标签用于为 HTML 文档中所有相对链接指定一个基础 URI 或 URL。

文档中只能指定一个 <base> 元素，并且它必须放置在 <head> 元素内。我们还可以使用 target 属性指定其他链接的打开方式（在同一窗口中、在新窗口中等）。

语法

在 HTML 中，<base> 元素不包含结束标签，但在 XHTML 中，需要结束标签 </base>。

以下是关于 <base> 标签的一些规范

显示	无
开始标签/结束标签	仅起始标签
用途	锚点和链接

示例

在同一窗口中打开（默认）

<!DOCTYPE html>
<html>
<head>
	<title>Base tag</title>
	<style>
	  a{text-decoration: none;
		color:black;}
	  a:hover{color: green;
	               font-size: 18px;}
	</style>
	<base href="https://tpointtech.cn">
 </head>
 <body>
	    <h2 style="color: red; font-size: 30px; font-style: italic;">List of Web developement Tutorial</h2>
		<a href="/html-tutorial">HTML tutorial</a><br>
		<a href="/css-tutorial">CSS tutorial</a><br>
		<a href="/bootstrap-tutorial">Bootstrap tutorial</a><br>
		<a href="/javascript-tutorial">JavaScript tutorial</a><br>
	<a href="/jquery-tutorial">JavaScript tutorial</a>
  </body>
</html>

在上述示例中，我们使用了基础 URL = "https://tpointtech.cn"，所有其他相对链接都将以此作为起始 URL。此处 (/) 定义了当前文档的根 URL。

在新窗口中打开（在 <base> 标签中使用 _blank）

<!DOCTYPE html>
<html>
<head>
	<title>Base tag</title>
	<style>
	  a{text-decoration: none;
		color:black;}
	  a:hover{color: green;
			font-size: 18px;}
	</style>
	<base href="https://tpointtech.cn" target="_blank">
 </head>
 <body>
	    <h2 style="color: red; font-size: 30px; font-style: italic;">List of Web developement Tutorial</h2>
		<a href="/html-tutorial">HTML tutorial</a><br>
		<a href="/css-tutorial">CSS tutorial</a><br>
		<a href="/bootstrap-tutorial">Bootstrap tutorial</a><br>
		<a href="/javascript-tutorial">JavaScript tutorial</a><br>
		<a href="/jquery-tutorial">JavaScript tutorial</a>
  </body>
</html>

在上述示例中，我们仅在 <base> 标签中使用了 target="_blank"，但它适用于整个文档链接。

属性

标签特定属性

属性	值	定义
href	URL	它指定所有相对链接的基础 URL。
target (目标)
		_blank	在新窗口中打开相对链接
		_self	在当前窗口中打开相对链接
		_parent	在父框架中打开相对链接
		_top	以页面全宽打开链接

全局属性

<base> 标签支持 HTML 中的所有全局属性

事件属性

<base> 不支持 HTML 中的事件属性

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<base>	是的	是的	是的	是的	是的

下一主题HTML basefont 标签

HTML <base> 标签

语法

示例

在新窗口中打开（在 <base> 标签中使用 _blank）

属性

全局属性

事件属性

支持的浏览器

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

HTML <base> 标签

语法

示例

在新窗口中打开（在 <base> 标签中使用 _blank）

属性

全局属性

事件属性

支持的浏览器

相关帖子

HTML time 标签

HTML applet 标签

HTML <h1> 到 <h6> 标签

HTML template 标签

HTML menu 标签

HTML canvas 标签

HTML big 标签

HTML article 标签

HTML thead 标签

HTML meter 标签

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器