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

原创

ithorizon 5个月前 (10-19) 阅读数 36 #HTML

在本文中，我们将学习如何使用标签来定义HTML页面的基本URL

In HTML, different elements have attributes that contain link to the other resources. The values of these attributes are URL’s, these can be absolute or relative URL’s.

The HTML element specifies the base URL to use for all relative URLs in a document. There can only be one single element in a document, and it must be placed inside the

tag.

以下是HTML 标签的属性 -

必须在标签中同时存在href属性和target属性，或者两者都有。

立即学习“前端免费学习笔记（深入）”；

的中文翻译为：

S.No.	S.No.	属性和描述
1	href 基本URL
2	目标在哪里打开目标URL − _blank - 目标URL将在新窗口或选项卡中打开。 _self - the target URL will open in the same frame as it was clicked. _parent - 目标URL将在父级框架中打开 _top - 目标URL将在顶部框架中打开，即窗口的完整主体。

S.No.

属性和描述

href

基本URL

目标

在哪里打开目标URL −

_blank - 目标URL将在新窗口或选项卡中打开。

_self - the target URL will open in the same frame as it was clicked.

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

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

语法

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

Example 1

的翻译为：

示例1

以下是使用HTML中的标签定义基本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://www.tutorialspoint.com/static/images/logo-color.png" / alt="如何使用`&lt;base&gt;`标签来定义HTML页面的基本URL？" >
</body>
</html>

Example 2

的中文翻译为：

示例2

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

<!DOCTYPE html>
<html>
<head>
   <title>HTML base Tag</title>
   <base href = "http://www.tutorialspoint.com" />
</head>
<body>
   HTML: <br><img  src = "https://tutorialspoint.com/images/html.gif" / alt="如何使用`&lt;base&gt;`标签来定义HTML页面的基本URL？" >
</body>
</html>

以上就是如何使用`<base>`标签来定义HTML页面的基本URL？的详细内容，更多请关注IT视界其它相关文章！