CSS 鏈接打開(kāi)位置詳解
CSS 可以控制網(wǎng)頁(yè)中鏈接的打開(kāi)位置,本文將對(duì)此進(jìn)行詳細(xì)介紹。
通常情況下,HTML 中的鏈接默認(rèn)會(huì)在同一個(gè)窗口中打開(kāi)。但是,有時(shí)我們需要讓鏈接在新的窗口或標(biāo)簽頁(yè)中打開(kāi),或者在同一個(gè)窗口但是在不同的位置打開(kāi)。這時(shí)就需要使用 CSS 進(jìn)行相應(yīng)的設(shè)置。
在 CSS 中,通過(guò)設(shè)置 a 標(biāo)簽的 target 屬性來(lái)指定鏈接的打開(kāi)位置。target 屬性有幾個(gè)取值:
_blank:在新窗口或標(biāo)簽頁(yè)中打開(kāi)鏈接。
_self:在相同的窗口中打開(kāi)鏈接(默認(rèn)值)。
_parent:在父級(jí)窗口中打開(kāi)鏈接。如果該鏈接在一個(gè) iframe 中,則會(huì)在父級(jí)窗口中載入對(duì)應(yīng)的頁(yè)面。
_top:在頂層窗口中打開(kāi)鏈接。如果該鏈接在一個(gè) iframe 中,則會(huì)在整個(gè)瀏覽器窗口中載入對(duì)應(yīng)的頁(yè)面。
以下是幾個(gè)例子:
/* 在新窗口中打開(kāi)鏈接 */ a{ target: _blank; } /* 在同一個(gè)窗口中打開(kāi)鏈接 */ a{ target: _self; } /* 在父級(jí)窗口中打開(kāi)鏈接 */ a{ target: _parent; } /* 在頂層窗口中打開(kāi)鏈接 */ a{ target: _top; }需要注意的是,target 屬性必須放在在 a 標(biāo)簽內(nèi)部,而不是在 CSS 中。例如:
鏈接最后要提醒大家的是,為了避免給用戶(hù)帶來(lái)不必要的困擾,最好還是盡量避免在新窗口或標(biāo)簽頁(yè)中打開(kāi)鏈接,除非這是必要的。