如何使用标签来定义 HTML 页面的基本 URL？

在这篇文章中，我们将学习如何使用<base>标签来定义 HTML 页面的基本 URL。

在 HTML 中，不同的元素具有包含指向其他资源链接的属性。这些属性的值是 URL，这些 URL 可以是绝对 URL 或相对 URL。

<base> HTML 元素指定要用于文档中所有相对 URL 的基本 URL。文档中只能有一个 <base> 元素，并且必须将其放在 <head> 标签内。

以下是 HTML 的属性标签：

<base> 标签必须具有 href 属性或 target 属性，或者两者兼有。

序号 属性及描述
1

href

基本 URL
2

target

在何处打开目标 URL：

_blank - 目标 URL 将在新窗口或标签页中打开。

_self - 目标 URL 将在其被点击的同一框架中打开。

_parent - 目标 URL 将在父框架集中打开。

_top - 目标 URL 将在顶层框架中打开，即窗口的整个主体。

语法

<base herf= “base link…” target= “value”/>

示例 1

以下是如何在 HTML 中使用 <base> 标签定义基本 URL 的示例：

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- Declaring the BASE URL -->
   <base href="C:\Users\LOKESH BADAVATH\OneDrive\Desktop\TUTORIAL'S POINT\images\"target="_blank"/>
</head>
<body>
   <img src="https://tutorialspoint.com/static/images/logo-color.png" />
</body>
</html>

示例 2

另一个使用标签定义基本 URL 的示例如下：

<!DOCTYPE html>
<html>
<head>
   <title>HTML base Tag</title>
   <base href = "https://tutorialspoint.com" />
</head>
<body>
   HTML: <br><img src = "https://tutorialspoint.com/images/html.gif" />
</body>
</html>

更新于：2022年10月19日

2K+ 浏览量

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告