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

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

2024-04-07雲端運算與程式碼1118

`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:鏈接會在當前窗口中打開(默認值),這意味著打開新的文檔或資源時,頁面會在當前瀏覽器窗口中重新加載,並將新文檔或資源顯示在當前窗口中。基於以上…

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

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

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

mark點怎麼設置及設置例子

mark點怎麼設置及設置例子

mark 元素用於標記或高亮文本,非常適合用於文本搜索和結果導航。要在文本中使用 mark 元素,只需要將需要高亮的文本放在 mark 元素內即可。通常情況下,瀏覽器默認為高亮文本設置為黃色。 .highlight {    background-color: lightblue…

css高亮效果,CSS 創建不同高亮效果具體方法及例子

css高亮效果,CSS 創建不同高亮效果具體方法及例子

CSS 可以為  元素創建各種不同的高亮效果,具體方法如下:1. 使用默認的高亮樣式。可以通過樣式修改  元素的背景色和文本顏色,實現自定義高亮效果,例如:```html這是一段需要高亮的文本,這裏面的文本被自定義高亮了,這裏又是正常的文本。.highlight {  …

JS跳轉頁面代碼及例子

JS跳轉頁面代碼及例子

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

星空特效的HTML代碼示例

星空特效的HTML代碼示例

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