HTML <base> tag

Updated: 09/03/2019 by Computer Hope
HTML base tag

When writing in HTML, the <base> tag is used to designate the base URL for every relative URL inside of a document. This tag may only be used once, and it must be contained in the <head> of the page. The following sections contain information about this tag, including an example of it in use, and related attributes and browser compatibility.

Example code

<head>
  <base href="/">
</head>
<body>
  <img src="chguy.gif" width="57" height="120" alt="Hope Guy">
</body>

The above code, rendered in a web browser:

Hope Guy

Notice we can load the Computer Hope Guy image using only the relative path because we specified the absolute path in the <base> tag in the <head>. In other words, the current URL is: https://www.computerhope.com/jargon/h/html-base-tag.htm. Normally, the browser would try to load "chguy.gif" from the https://www.computerhope.com/jargon/h/ directory because it's the same directory as the "html-base-tag.htm" file. However, because the base tag devices the base as https://www.computerhope.com/ it loads "chguy.gif" as https://www.computerhope.com/chguy.gif.

Tip

You can add the <base target="_blank"> to the header section of your page to have all links open in a new window or tab.

Attributes

In an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair; all tags support standard attributes. The following table shows all of the current unique HTML attributes for the <base> tag, and a description of each.

Attribute Description
href Designates the URL of the web page where the link points.
target Designates the target for all of the hyperlinks in a page.

Compatibility

Edge Internet Explorer Firefox Safari Opera Chrome
All versions All versions All versions All version All versions All versions

Browser, Compatibility, URL, Web design terms