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

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

在HTML中，不同的元素具有包含指向其他资源链接的属性。这些属性的值是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+ 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.