首页 > 文章 > web前端 > 如何使用``标签来定义HTML页面的基本URL？

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

WBOY转载: 2023-08-25 20:41:06818浏览

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

在本文中，我们将学习如何使用标签来定义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="如何使用`<base>`标签来定义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="如何使用`<base>`标签来定义HTML页面的基本URL？" >
</body>
</html>

以上是如何使用``标签来定义HTML页面的基本URL？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：如何使用HTML添加子标题？ To translate this question into Chinese, it would be: 如何使用HTML添加子标题？下一篇：当HTML中的Web存储区域更新时执行脚本吗？

查看更多