如何使用標籤來定義 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.tw/static/images/logo-color.png" />
</body>
</html>

示例 2

另一個使用標籤定義基本 URL 的示例如下：

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

更新於：2022年10月19日

2K+ 瀏覽量

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.