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