在HTML中,超鏈接是最常見的元素之一,用于連接不同的網頁或頁面內的不同部分。通常情況下,點擊超鏈接會在當前窗口或標簽頁中打開鏈接的目標頁。然而,在有些情況下,我們希望鏈接的目標頁在一個新的窗口或標簽頁中打開。這時就可以使用CSS來實現超鏈接新建窗口打開。
a { target-new: window; }
上面的CSS代碼會讓所有超鏈接在新的窗口或標簽頁中打開。如果只想讓某些特定的超鏈接在新的窗口或標簽頁中打開,可以給這些超鏈接加一個類,然后在CSS中指定這個類的樣式:
a.new-window { target-new: window; }
這樣,帶有class="new-window"的超鏈接就會在新的窗口或標簽頁中打開了。
需要注意的是,target-new
屬性是CSS3的一個非標準屬性,可能不被所有瀏覽器支持。但是,大多數現代瀏覽器(如Chrome、Firefox、Safari)都支持target-new
屬性,可以放心使用。
除了用CSS實現超鏈接新建窗口打開,還可以在HTML中使用target="_blank"
屬性。
前往Example
這個屬性與target-new: window;
的效果相同,會讓鏈接在新的窗口或標簽頁中打開。