如何使用標籤定義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.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+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告