此示例使用 HTML + Canvas 實現滑動拼圖驗證碼。Canvas繪制帶隨機缺口的背景，獨立滑塊按鈕監聽滑鼠/觸摸拖拽，實時將滑塊位置映射到Ca...
target="_blank" 與target="_self"
Cloud computing and code
2024年04月18日 09:40 567
Pinwu
本文摘要
`target="_blank"`屬性使鏈接在新窗口或標簽頁中打開，而`target="_self"`則指示在當前窗口或標簽頁中打開鏈接（這是默認行為）。通常無需顯式使用`target="_self"`，除非需要與其他`target`屬性值對比。在實際應用中，沒有`target`屬性的鏈接將默認在當前窗口或標簽頁中打開。
`target="_blank"` 是一個 HTML 屬性值，它用於 `<a>` 標簽中，以指示當鏈接被點擊時，在新窗口或新標簽頁中打開鏈接的目標 URL。如果你想要相反的行為，即在當前窗口或標簽頁中打開鏈接（這是默認行為），你實際上不需要任何特殊的標簽或屬性。
默認情況下，如果 `<a>` 標簽沒有 `target` 屬性，或者 `target` 屬性的值不是 `_blank`，鏈接就會在當前窗口或標簽頁中打開。所以，你只需簡單地編寫一個標準的鏈接標簽即可：
<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>
這個鏈接同樣會在當前窗口或標簽頁中打開，因為它遵循鏈接的默認行為。
相關文章
