首頁 > 文章 > web前端 > 如何使用``標籤來定義HTML頁面的基本URL？

如何使用``標籤來定義HTML頁面的基本URL？

WBOY轉載: 2023-08-25 20:41:06864瀏覽

如何使用`<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 placedlt;base> 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新增子標題？ To translate this question into Chinese, it would be: 如何使用HTML新增子標題？

看更多