HTML 小技巧 - BASE TAG

摘要:HTML 小技巧 - BASE TAG

在網路上爬文時,無意間發現的!
看來小弟對HTML的認識還不夠深,先前還不曉得,原來HTML內還有這TAG可用啊!

話說這TAG還挺有趣的,算是在某些情況下,可以達到快速處理的小巧技了!
怎麼說呢?請看以下的說明就知了!

HTML <base> Tag
用途:可指定連結相關預設值
範圍:整頁
範例:如下

原始碼:

<head>
<base href="http://www.dotblogs.com.tw/Images/" />
<base target="_blank" />
</head>

<body>
<img src="DotBlogsLogo.gif" />
<a href="http://www.dotblogs.com.tw/codeman/Default.aspx">非非碼不可</a>
</body>

看到以上的HTML,應該不難發現,如果我們在HEAD中,若未設定BASE的TAG值時!

照理說:
1.<IMG> TAG中的圖會取目前路徑下的圖
2.<A> TAG中的連結會直接進入(也就是不會另開視窗)

但,一旦加上HEAD中加上BASE TAG的相關設定時,結果就會不一樣了:
1.<IMG> TAG中的圖會取BASE TAG中設定的路徑下的圖
2.<A> TAG中的連結會另開視窗

用BASE TAG的好處就是可以快速地更新連結相關的設定, 不用重新修改產生連結相關的程式,
例如, 若未來檔案路徑變更時,相信這會是最有效及最快的方式了!

以上簡易說明,分享給還不曉得這TAG的朋友們了解了,至於各位前輩們,就歡迎您們指教了,感謝!