html簡單網頁代碼「html打開新窗口輸出文檔頁面」

上午接到博客訪客的反饋,表示博客中的鏈接在原窗口打開的話,網站的體驗非常的不好,而自己又懶的一個個去修改博客網頁中的鏈接打開方式,就加了一個強制頁面所有鏈接新窗口打開的代碼,一招解決問題。

html頁面強制所有鏈接新窗口打開的方法

html頁面強制所有鏈接新窗口打開的代碼

<base target="_blank">

將此代碼放到,網頁中的 <head>標籤之內即可實現,當前頁面所有A鏈接新窗口打開

html <base> 標籤

<base>:標籤當前頁面上的所有的相對鏈接規定默認 URL 或 默認目標。

語法:

<base href="網址" target="打開的方式">

屬性;

herf:規定的默認鏈接

target:鏈接打開的方式,參數有 _blank,_self 等,與A標籤的 target 屬性相同

例:html頁面所有鏈接強制新窗口打開

<base target="_blank">

例:html頁面所有鏈接強制在當前窗口打開

<base target="_self">

例:設置默認的URL

<!DOCTYPE html>
<html lang="en">
<head>
 <base href="https://www.feiniaomy.com" target="_blank">
 <title>Document</title>
</head>
<body>
 <a href="/post/1.html">我是相對鏈接,我可以打開 https://www.feiniaomy.com/post/1.html</a>
 <a href="http://www.baidu.com">我是絕對鏈接,我可以打開 http://www.baidu.com</a>
</body>
</html>

<base> 標籤使用注意事項

1、一個頁面中,<base> 標籤只能出現一次

2、<base> 標籤只能在 <head></head>標籤中出現

3、<base> 屬於單標籤,沒有結束標籤,類似 <img> 標籤

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/252649.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-14 02:18
下一篇 2024-12-14 02:18

相關推薦

發表回復

登錄後才能評論