`標簽的屬性,用於在新瀏覽器窗口或標簽頁中打開鏈接。它提供了方便的頁面瀏覽方式,但需註意安全風險。建議使用`rel="noopener noreferrer"`屬性來增強安全性,防止潛在的安全問題,如反向標簽劫持。…">

target="_blank"什麼意思,有什麼作用?

2024-04-07Cloud computing and code1096

`target="_blank"` 是HTML中`<a>`標簽的一個屬性,用於指定鏈接如何打開。具體來說,當鏈接具有`target="_blank"`屬性時,它會在新的瀏覽器窗口或標簽頁中打開鏈接的目標地址,而不是在當前窗口或標簽頁中打開。

這樣做的目的是為了避免用戶離開當前頁面,允許他們同時查看多個頁面。這在很多情況下都很有用,比如當用戶需要參考多個頁面或者進行對比時。

target="_blank"什麼意思,有什麼作用?

下面是一個例子:

<a href="https://www.example.com" target="_blank">點擊這裏在新窗口或標簽頁中打開示例網站</a>

當用戶點擊“點擊這裏在新窗口或標簽頁中打開示例網站”這個鏈接時,瀏覽器會嘗試在新的窗口或標簽頁中打開`https://www.example.com`這個網址,而不是在當前窗口或標簽頁中打開。

需要註意的是,雖然`target="_blank"`提供了方便的鏈接打開方式,但它也可能帶來安全風險,特別是當鏈接指向不可信的第三方網站時。為了避免“反向標簽劫持”(reverse tabnabbing)等安全問題,建議在使用`target="_blank"`的同時,也添加`rel="noopener noreferrer"`屬性。這樣可以阻止新頁面通過`window.opener`屬性訪問原頁面的`window`對象,並防止搜索引擎跟蹤`referer`信息。

因此,更安全的做法是:

<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">點擊這裏在新窗口或標簽頁中打開示例網站</a>


分享給朋友:

“target="_blank"什麼意思,有什麼作用?” 的相關文章

html a標簽target屬性

html a標簽target屬性

HTML語言中的標簽用於定義超鏈接。其中,標簽有一個屬性叫做target,它用於指定鏈接在何處打開。目前,標簽的target屬性有以下四個取值:- _self:鏈接會在當前窗口中打開(默認值),這意味著打開新的文檔或資源時,頁面會在當前瀏覽器窗口中重新加載,並將新文檔或資源顯示在當前窗口中。基於以上講解,編寫標簽鏈接的代碼並使用target屬性指定打開方式的實例:< a href="htpps://sn.qunapu.com" target="_blank">打開示例網站。這段代碼表示鏈接將在新的瀏覽器窗口或標簽頁中打開,能夠實現用戶在訪問完畢後仍能保留原有瀏覽器窗口內容的體驗。…

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

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

在HTML中,<mark> 元素可以用於標記或強調文本中的重要或關鍵內容。這個元素通常會用醒目的紅色來渲染,因為紅色是一個視覺上非常具有註意力的顏色。在這種情況下,你可以將這些關鍵字用 <mark> 標簽包圍起來,使其突出顯示。這樣可以幫助用戶更快速地發現這個型號是這個品牌的旗艦機型,帶來更好的用戶體驗。需要註意的是,過度使用 <mark> 標簽會導致頁面顯得雜亂無章,影響閱讀體驗,因此應謹慎使用,只將最為關鍵的信息進行標記,達到凸顯重點的效果即可。…

一個簡單的 HTML5 導航菜單的示例代碼

一個簡單的 HTML5 導航菜單的示例代碼

以下是一個簡單的 HTML5 導航菜單的示例代碼,這個導航菜單使用了 HTML5 中的 `nav` 標簽來包裝整個菜單,使用了 Flex 布局來對菜單進行布局和對齊,同時也設置了一些簡單的樣式來美化菜單。…

JS跳轉頁面代碼及例子

JS跳轉頁面代碼及例子

JS跳轉頁面是一種很常見的前端交互技術,下面是幾種跳轉頁面的方式:1. 直接修改 `window.location.href` 屬性,2. 使用 `window.location.replace` 方法,此方法會替換當前頁面歷史記錄,不會在瀏覽器歷史記錄中留下痕跡。3. 使用 `window.open` 方法在一個新的瀏覽器窗口或標簽頁中打開一個頁面,4. 如果你需要在某個時間間隔後自動跳轉到目標頁面,可以使用 `setTimeout` 函數。…

一個簡單的html結婚特效的代碼

一個簡單的html結婚特效的代碼

以下是一個簡單的html結婚特效的代碼:1. 使用html和css定義了一個結婚的基本樣式;2. 分別定義新娘和新郎,並使用background-image設置其背景圖;3. 定義一個心形圖案,並使用animation讓其跳動。…

詳細解釋html標簽,每種html標簽的含義和用法

詳細解釋html標簽,每種html標簽的含義和用法

1. `<html>` 標簽:`<html>` 標簽用於定義 HTML 文檔的開始和結束。在 `<html>` 中,我們可以包含 `<head>` 和 `<body>` 標簽,以便定義文檔的頭部和主體部分。在 HTML5 中,我們可以省略 `<html>` 標簽。2. `<head>` 標簽:`<head>` 標簽定義了文檔的頭部,包含文檔的元數據,如標題、關鍵詞等信息,不會在瀏覽器窗口中顯示。我們可以在 `<head>` 中包含 `<title>`、`<meta>`、`<link>`、`<style>`、`<script>` 等標簽。…