html5中base標(biāo)簽的作用是為頁面上的所有的相對鏈接規(guī)定默認(rèn)URL或默認(rèn)目標(biāo),在一個(gè)文檔中,最多能使用一個(gè)<base>元素,并且必須位于<head>元素內(nèi)部,其使用方法如“<head><meta charset="utf-8"> <title></title><base href="…" target="_blank"></head>”。
本教程操作環(huán)境:Windows10系統(tǒng)、HTML5版、DELL G3電腦
html5中base的用法是什么?
<base> 標(biāo)簽為頁面上的所有的相對鏈接規(guī)定默認(rèn) URL 或默認(rèn)目標(biāo)。
在一個(gè)文檔中,最多能使用一個(gè) <base> 元素。<base> 標(biāo)簽必須位于 <head> 元素內(nèi)部。
提示:請把 <base> 標(biāo)簽排在 <head> 元素中第一個(gè)元素的位置,這樣 head 區(qū)域中其他元素就可以使用 <base> 元素中的信息了。
注釋:如果使用了 <base> 標(biāo)簽,則必須具備 href 屬性或者 target 屬性或者兩個(gè)屬性都具備。
實(shí)例
規(guī)定頁面上所有鏈接的默認(rèn) URL 和默認(rèn)目標(biāo):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <base href="//www.w3cschool.cn/statics/images/w3c/" target="_blank"> </head> <body> <p><img src="logo.png" > - 注意這里我們設(shè)置了圖片的相對地址。能正常顯示是因?yàn)槲覀冊?head 部分設(shè)置了 base 標(biāo)簽,該標(biāo)簽指定了頁面上所有鏈接的默認(rèn) URL,所以該圖片的訪問地址為 "https://www.w3cschool.cn/statics/images/w3c/logo.png"</p> <p><a href="logo.png">w3cschool logo</a> - 注意這個(gè)鏈接會在新窗口打開,即便它沒有 target="_blank" 屬性。因?yàn)樵?base 標(biāo)簽里我們已經(jīng)設(shè)置了 target 屬性的值為 "_blank"。</p> </body> </html>
登錄后復(fù)制
推薦學(xué)習(xí):《HTML視頻教程》