target="_blank" 與target="_self"

`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>

這個鏈接同樣會在當前窗口或標簽頁中打開,因為它遵循鏈接的默認行為。

分享給朋友:

“target="_blank" 與target="_self"” 的相關文章

mark元素的主要功能及在HTML5 中的使用mark元素例子

mark元素的主要功能及在HTML5 中的使用mark元素例子

`<mark>` 元素的主要功能是突出顯示文本中的重要部分或關鍵字。在 HTML5 標準中,`<mark>` 元素用於標記一個文檔或一個段落中需要突出顯示的文本。一旦在 HTML 文件中使用了 `<mark>` 元素,瀏覽器通常會使用黃色背景標記該元素的文本,在頁面渲染上具有很好的效果。`<mark>` 元素還可以用於添加額外的視覺標識,以使讀者更快地識別重要內容。通過指定不同的顏色樣式,可以將文本突出顯示,以吸引讀者的註意力。…

mark點怎麼設置及設置例子

mark點怎麼設置及設置例子

mark 元素用於標記或高亮文本,非常適合用於文本搜索和結果導航。要在文本中使用 mark 元素,只需要將需要高亮的文本放在 mark 元素內即可。通常情況下,瀏覽器默認為高亮文本設置為黃色。 .highlight {    background-color: lightblue;    color: white;  }```上述代碼會將 mark 元素的背景顏色設置為淺藍色,文本顏色設置為白色。根據實際需要,您可以將顏色更改為您想要的顏色。…

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

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

CSS 可以為  元素創建各種不同的高亮效果,具體方法如下:1. 使用默認的高亮樣式。可以通過樣式修改  元素的背景色和文本顏色,實現自定義高亮效果,例如:```html這是一段需要高亮的文本,這裏面的文本被自定義高亮了,這裏又是正常的文本。.highlight {  position: relative;}.highlight::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: lightgreen;  opacity: 0.5;  z-index: -1;}```上述代碼會將  元素的文本區域覆蓋上高亮色,實現了高亮效果。…

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

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

視頻嵌入代碼,簡單的 video 嵌入代碼例子:- height:視頻高度。- controls:為 true 時,添加視頻控制條。- source:指定視頻文件路徑和類型,可支持多種類型。- Your browser does not support the video tag:如果用戶的瀏覽器不支持 HTML5  標記,則會顯示此消息。值得註意的是,這種視頻嵌入方式可能會因為用戶瀏覽器兼容性問題而無法播放,因此可能需要添加備用方案,如 Flash 等。同時,需要根據實際情況調整視頻的寬高比例、大小和文件大小等參數,以便更好地適配不同的設備和網絡環境。…

一個簡單的html大海日出特效的代碼

一個簡單的html大海日出特效的代碼

以下是一個簡單的html大海日出特效的代碼:1. 使用html和css定義了一個大海和太陽的基本樣式;2. 使用animation讓太陽從初始位置向上升起,並且設置好其動畫屬性;3. 設置大海背景漸變和水面的動畫效果。…

HTML網頁制作模板代碼學習

HTML網頁制作模板代碼學習

如果你想學習制作網頁,那麼學習HTML網頁制作模板代碼就是一個非常不錯的開始。在本文中,我們將為大家提供一些HTML網頁制作模板代碼的示例,幫助大家快速入門網頁制作。在互聯網時代,網頁制作已經成為了越來越廣泛的技能。HTML是網頁制作中最基礎的語言之一,通過學習HTML網頁制作模板代碼,我們可以快速入門網頁制作。很好的文章,講述了在互聯網時代,網頁制作已經成為了越來越廣泛的技能。如何通過學習HTML網頁制作模板代碼,來快速入門網頁制作。文章的結構清晰,通俗易懂,有助於讀者快速掌握該技能。…