此示例使用 HTML + Canvas 實現滑動拼圖驗證碼。Canvas繪制帶隨機缺口的背景，獨立滑塊按鈕監聽滑鼠/觸摸拖拽，實時將滑塊位置映射到Ca...
target="_blank"什麼意思，有什麼作用？
Cloud computing and code
2024年04月07日 20:13 1.1K+
Pinwu
本文摘要
`target="_blank"`是HTML中`<a>`標簽的屬性，用於在新瀏覽器窗口或標簽頁中打開鏈接。它提供了方便的頁面瀏覽方式，但需註意安全風險。建議使用`rel="noopener noreferrer"`屬性來增強安全性，防止潛在的安全問題，如反向標簽劫持。
`target="_blank"` 是HTML中`<a>`標簽的一個屬性，用於指定鏈接如何打開。具體來說，當鏈接具有`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>
相關文章
