您好,登錄后才能下訂單哦!
這篇文章主要介紹“html5中的base怎么使用”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“html5中的base怎么使用”文章能幫助大家解決問題。
html5中base標簽的作用是為頁面上的所有的相對鏈接規定默認URL或默認目標,在一個文檔中,最多能使用一個<base>元素,并且必須位于<head>元素內部,其使用方法如“<head><meta charset="utf-8"> <title></title><base href="..." target="_blank"></head>”。
<base> 標簽為頁面上的所有的相對鏈接規定默認 URL 或默認目標。
在一個文檔中,最多能使用一個 <base> 元素。<base> 標簽必須位于 <head> 元素內部。
提示:請把 <base> 標簽排在 <head> 元素中第一個元素的位置,這樣 head 區域中其他元素就可以使用 <base> 元素中的信息了。
注釋:如果使用了 <base> 標簽,則必須具備 href 屬性或者 target 屬性或者兩個屬性都具備。
實例
規定頁面上所有鏈接的默認 URL 和默認目標:
<!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" > - 注意這里我們設置了圖片的相對地址。能正常顯示是因為我們在 head 部分設置了 base 標簽,該標簽指定了頁面上所有鏈接的默認 URL,所以該圖片的訪問地址為 "https://www.w3cschool.cn/statics/images/w3c/logo.png"</p>
<p><a href="logo.png">w3cschool logo</a> - 注意這個鏈接會在新窗口打開,即便它沒有 target="_blank" 屬性。因為在 base 標簽里我們已經設置了 target 屬性的值為 "_blank"。</p>
</body>
</html>
關于“html5中的base怎么使用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。