欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 鏈接新窗口打開

林雅南1年前8瀏覽0評論

CSS是一種常用于網頁設計的語言,其中有個常見需求就是讓鏈接在新窗口中打開。下面是一些常見方法:

a[target="_blank"] {
/* 告訴瀏覽器這個鏈接應該在新窗口中打開 */
target-new: window;
}

這個方法可以讓每個帶有target="_blank"屬性的鏈接都在新窗口中打開。但是,由于這個屬性只是一個建議,瀏覽器可能不一定采取這個行為。

a[target="_blank"]::after {
/* 在鏈接后面添加一個新窗口圖標 */
content: "↗";
margin-left: 0.3em;
}

如果瀏覽器不打算在新窗口中打開鏈接,你可以使用偽元素在鏈接后面添加一個新窗口圖標來提醒用戶。

a[href^="http://"], a[href^="https://"] {
/* 所有http和https開頭的鏈接都在新窗口中打開 */
target: _blank;
rel: noreferrer noopener;
}

這個方法使用了CSS屬性選擇器,將所有以“http://”或“https://”開頭的鏈接都設為在新窗口中打開。同時,為了增加安全性,使用了rel屬性中的noreferrer和noopener,可以防止窗口被打開后,新頁面訪問原頁面中window.opener屬性的安全風險。

以上的三個方法都可以實現在CSS中鏈接在新窗口中打開的需求,但是它們在兼容性上有所不同。你可以根據不同的場景,在三種方法中選擇一種合適的方法使用。