<base> Label
Definitions and usage
The <base> label sets the default address or default destination for all links on the page.
Typically, the browser extracts the corresponding element from the URL of the current document to fill in the blanks in the relative URL.
Using <base> labels can change that. The browser will then no longer use the URL of the current document and use the specified base URL to resolve all relative URLs. This includes URLs in the <a>, <img>, <link>, <form> tags.
The <base> label must be inside the head element.
Instance
Example 1
Suppose the absolute address of the image is:
<img src= "Http://www.w3school.com.cn/i/pic.gif"/>
Now we insert the <base> tag in the head section of the page to specify the base URL for all links in the page:
<head>
<base href= "http://www.w3school.com.cn/i/"/>
</head>
When inserting an image on a page in the previous example, we must specify a relative address, and the browser will look for the full URL used by the file:
<img src= "Pic.gif"/>
Example 2
Specify the default URL and default target for all links on the page:
<head>
<base href= "http://www.w3school.com.cn/css/" target= "_blank"/>
</head>
<body>
<a href= "Default.asp" >w3school ' s CSS tutorial</a>
</body>
Try it for yourself.
Differences between HTML 4.01 and HTML 5
None
Tips and comments
Tip: Place the <base> tab in the first element of the head element so that other elements in the head can be used
The information in the <base> element.
Note: In a document, you can use up to one <base> element.
Property
The
property value describes the URL that the href URL requires to be used as a base URL in the page. Target _blank _parent _self _top where to open the links on the page. This property is overwritten by the target attribute in each link.Standard properties and Events
No.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
