target="_blank" 與target="_self"

`target="_blank"` 是一個 HTML 屬性值,它用於 `<a>` 標簽中,以指示當鏈接被點擊時,在新窗口或新標簽頁中打開鏈接的目標 URL。如果你想要相反的行為,即在當前窗口或標簽頁中打開鏈接(這是默認行為),你實際上不需要任何特殊的標簽或屬性。

默認情況下,如果 `<a>` 標簽沒有 `target` 屬性,或者 `target` 屬性的值不是 `_blank`,鏈接就會在當前窗口或標簽頁中打開。所以,你只需簡單地編寫一個標準的鏈接標簽即可:

target="_blank" 與target="_self"

<a href="https://www.example.com">Visit Example.com</a>

當你點擊這個鏈接時,它會在當前窗口或標簽頁中打開 `https://www.example.com`。沒有 `target="_blank"`,就沒有新的窗口或標簽頁會被打開。

如果你想要更明確地表示這一點(盡管這不是必要的),你可以省略 `target` 屬性,或者顯式地設置 `target="_self"`,這同樣會導致鏈接在當前窗口或標簽頁中打開:

<a href="https://www.example.com" target="_self">Visit Example.com</a>

然而,通常建議省略 `target="_self"`,因為這是鏈接的默認行為。只有在需要明確指示鏈接應在新窗口或標簽頁中打開時,才使用 `target="_blank"`。

下面我將為 `target="_blank"` 和 `target="_self"` 分別提供示例,並解釋它們的行為。

target="_blank" 示例

當你使用 `target="_blank"` 屬性時,鏈接會在新的瀏覽器窗口或標簽頁中打開。

<a href="https://www.example.com" target="_blank">Visit Example.com in a new window or tab</a>

在這個例子中,當用戶點擊“Visit Example.com in a new window or tab”鏈接時,瀏覽器會打開一個新的窗口或標簽頁,並在其中加載 `https://www.example.com` 的內容。這是非常有用的,特別是當你不希望用戶離開當前頁面時,或者當你想要確保目標頁面在一個不受當前頁面狀態影響的幹凈環境中打開時。

target="_self" 示例

相比之下,`target="_self"` 屬性(盡管通常是不必要的,因為它是鏈接的默認行為)用於指示鏈接應該在當前瀏覽器窗口或標簽頁中打開。

<a href="https://www.example.com" target="_self">在當前窗口或標簽打開</a>

在這個例子中,當用戶點擊“在當前窗口或標簽打開”鏈接時,瀏覽器會在當前窗口或標簽頁中導航到 `https://www.example.com`。因為這是鏈接的默認行為,所以即使你省略了 `target="_self"`,鏈接仍然會在當前窗口或標簽頁中打開。

在實際應用中,你通常不需要顯式地使用 `target="_self"`,除非你想要在代碼中明確表明鏈接應該在當前窗口或標簽頁中打開,以區別於其他可能使用 `target="_blank"` 的鏈接。然而,在大多數情況下,簡單地編寫沒有 `target` 屬性的鏈接就足夠了:

<a href="https://www.example.com">訪問</a>

這個鏈接同樣會在當前窗口或標簽頁中打開,因為它遵循鏈接的默認行為。

分享給朋友:

“target="_blank" 與target="_self"” 的相關文章

mark元素使用紅色代表及例子

mark元素使用紅色代表及例子

在 HTML 中,<mark> 元素用於標記或突出顯示文本中的重要或關鍵內容。為了提高用戶瀏覽體驗,這些文本內容通常被渲染成鮮艷的紅色,因為紅色是視覺上最吸引人的顏色之一。 舉個例子,在一篇文章中,我們可能會用 <mark> 標記來標記一段關鍵文字,如下所示:<…

JS跳轉頁面代碼及例子

JS跳轉頁面代碼及例子

JS跳轉頁面是一種很常見的前端交互技術,下面是幾種跳轉頁面的方式:1. 直接修改 `window.location.href` 屬性,2. 使用 `window.location.replace` 方法,此方法會替換當前頁面歷史記錄,不會在瀏覽器歷史記錄中留下痕跡。3. 使用 `window.ope…

javascript怎麼改變字體顏色文本顏色代碼

javascript怎麼改變字體顏色文本顏色代碼

這裏是一個簡單的 JavaScript改變文體顏色代碼示例,它會在頁面上創建一個按鈕,點擊該按鈕會使文本顏色發生變化。這段代碼首先在頁面中創建了一個按鈕,然後獲取該按鈕和一個段落元素的引用,接著為按鈕添加了一個事件監聽器,當按鈕被點擊時,段落文本顏色將變成紅色。…

星空特效的HTML代碼示例

星空特效的HTML代碼示例

以下是一個星空特效的HTML代碼示例:這個代碼會在頁面背景中生成100個閃爍的星星,使得整個頁面看起來像是夜空中的星空。可以在瀏覽器中運行查看效果。這些代碼可以在瀏覽器中運行並產生相應的星空特效。…

html零基礎入門教程及代碼演示例子

html零基礎入門教程及代碼演示例子

HTML是創建網頁的基礎語言。在互聯網的世界裏,網頁是我們獲取信息和與世界連接的主要途徑之一。因此,學習HTML是設計和制作網頁的重要一步。如果您是一個完全零基礎的人,那麼這份教程可以幫助您快速入門,並開始創建自己的網頁。在這個教程中,我們將探討HTML的基礎語法和標記,以及如何將它們組合在一起來構…

html5的doctype,通過DOCTYPE聲明

html5的doctype,通過DOCTYPE聲明

HTML5中的DOCTYPE聲明為 `<!DOCTYPE html>`,格式簡單清晰。相較於之前的文檔類型聲明格式,它更加簡單,也更具可讀性。同時,在HTML5中取消了文檔類型規範中過時的部分,這使得DOCTYPE的作用也更加直接和明確。通過DOCTYPE聲明,瀏覽器、解釋器才能正確地解…