Home > Website Builders > Cloud Servers

Enter HTML5 entry to proficient:<base> label

Source: Internet
Author: User
Keywords tags HTML5 Getting started to master
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

<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.

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
how to enter mysql how to enter subscript java enter to continue how to enter safemode how to make label in html how to enter in html base html5
Related Article
Search results sorted by matching fields

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

Hot Article
Hot Tags
computing conference access forum computer class data get http html applications
Popular Keywords
html add blank space register business logo register ssl certificate full site sign in sign up node js build cloud register register a subdomain in python network management system tutorial how to learn computer science by myself

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More