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> 標簽包圍起來,使其突出顯示。這樣可以幫助用戶更快速地發現這個型號是這個品牌的…

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

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

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

視頻嵌入代碼,簡單的 video 嵌入代碼例子

視頻嵌入代碼,簡單的 video 嵌入代碼例子

視頻嵌入代碼,簡單的 video 嵌入代碼例子:- height:視頻高度。- controls:為 true 時,添加視頻控制條。- source:指定視頻文件路徑和類型,可支持多種類型。- Your browser does not support the video tag:如果用戶的瀏覽器不…

HTML 和 CSS 實現網頁導航欄和下拉菜單

HTML 和 CSS 實現網頁導航欄和下拉菜單

以下是一組基於 HTML 和 CSS 實現網頁導航欄和下拉菜單的完整代碼:HTML 代碼:CSS 代碼。該代碼實現了一個簡單的網頁導航欄和下拉菜單,其中 `nav` 表示導航欄,`ul` 表示菜單,`li` 表示菜單項,`a` 表示鏈接。通過設置 CSS 樣式,將菜單項設置為了懸停時出現下拉菜單,同…

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

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

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

JS跳轉頁面代碼及例子

JS跳轉頁面代碼及例子

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