資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML中“blank”和“_blank”目標屬性的區別
有時，我們可能會注意到網頁上的連結會引導我們到不同的網頁。在某些網站上，如果我們點選某些連結，它們會在新的瀏覽器標籤頁或新視窗中開啟，而有些網站會為後續點選連結重複使用同一個新的瀏覽器標籤頁。此外，有些網站對連結使用相同的原始頁面。這些行為是透過使用HTML target屬性實現的。
在本文中，我們將探討如何使用target="blank"和target="_blank"屬性在新標籤頁中開啟超連結。
Target屬性
target是錨標籤的一個可選屬性。如果我們使用target=“blank”作為此屬性的值，則單擊連結時會在新的瀏覽器標籤頁中開啟該連結。對於具有相同屬性（target=“blank”）的所有連結，將重複使用相同的標籤頁。
透過使用此屬性，使用者可以獲得無障礙的體驗，因為無論何時使用者點選網頁中的連結，它都將在單獨的標籤頁中開啟，而不是在同一標籤頁中。它還可以避免在瀏覽器中使用過多的標籤頁，這可能會影響瀏覽器的效能並導致卡頓。
示例
在下面的示例中，我們對超連結使用帶“blank”值的target屬性。
<!DOCTYPE html>
<html>
<head>
<title>Using target = "blank"</title>
<style>
div {
text-align: center;
}
</style>
</head>
<body>
<div>
<h3>Here we are using the target attribute with "blank" value</h3>
<a href="https://tutorialspoint.tw/index.htm" target="blank">Click here for tutorialspoint</a>
</div>
</body>
</html>
正如我們在上面的程式碼中看到的，我們在超連結中使用了target="blank"屬性，它在新瀏覽器標籤頁中開啟連結。具有相同屬性的後續連結也將在這個相同的標籤頁中開啟。
Target = "_blank"
如果我們將值作為target="_blank"傳遞給錨標籤中的target屬性，則連結將在新的瀏覽器標籤頁中開啟。每次我們點選連結時，它都會開啟一個新的瀏覽器標籤頁。此屬性不會重複使用單個新標籤頁。
透過使用此屬性，使用者可以無縫地瀏覽不同的網頁，同時保持原始頁面易於訪問。但是，這也可能會影響瀏覽器的整體效能以及系統性能。
示例
在下面的示例中，我們對超連結使用帶“_blank”值的target屬性。
<!DOCTYPE html>
<html>
<head>
<title>Using target = "_blank"</title>
<style>
div {
text-align: center;
}
</style>
</head>
<body>
<div>
<h3>Here we are using the target attribute with "_blank" value</h3>
<a href="https://tutorialspoint.tw/index.htm" target="_blank">Click here for tutorialspoint</a>
</div>
</body>
</html>
在這裡，我們在超連結中使用了target="_blank"屬性，每次點選該連結時，它都會在新瀏覽器標籤頁中開啟連結。
示例
在下面的示例中，我們沒有對超連結使用任何target屬性。
<!DOCTYPE html>
<html>
<head>
<title>Without target attribute</title>
<style>
div {
text-align: center;
}
</style>
</head>
<body>
<div>
<h3>Here we are not using the target attribute with any value</h3>
<a href="https://tutorialspoint.tw/index.htm">Click here for tutorialspoint</a>
</div>
</body>
</html>
正如我們在下面的輸出中看到的，每當我們點選連結時，它都將在同一網頁中開啟。
Target = "blank"和Target = "_blank"的區別
target="blank"屬性將在新的瀏覽器標籤頁中開啟連結，並對任何具有相同屬性（target="blank"）的未來連結使用相同的標籤頁。
target="_blank"屬性每次都會在新標籤頁中開啟連結。
429 次瀏覽
