CSS超鏈接可用于連接其他頁面、相同頁面內(nèi)的錨點(diǎn)和外部資源,但如果需要在點(diǎn)擊鏈接時(shí)在新標(biāo)簽頁中打開外部資源,應(yīng)該如何設(shè)置?
實(shí)際上,我們可以使用CSS屬性來控制超鏈接的打開方式,而不是使用HTML屬性。我們可以使用以下CSS樣式:
a { target-new: tab; }
這個(gè)CSS樣式的作用是設(shè)置鏈接在新標(biāo)簽或窗口中打開。相當(dāng)于將HTML屬性target="_blank"
應(yīng)用到所有的鏈接。
此外,我們還可以為特定的鏈接設(shè)置樣式,例如:
/* 只針對(duì) class="external" 的鏈接 */ a.external { target-new: tab; }
如上例子所示,我們只需在HTML中將 class 屬性設(shè)置為 "external" 即可為該鏈接應(yīng)用樣式。
需要注意的是,該樣式并不作用于所有的瀏覽器,所以我們最好在HTML中,除了設(shè)置鏈接的href屬性外,再添加一個(gè)HTML屬性rel="noopener noreferrer"
,以確保鏈接的安全性和可訪問性。