<base>: The Document Base URL element

The HTML <base> element specifies the base URL to use for all relative URLs contained within a document. There can be only one <base> element in a document.

The base URL of a document can be queried from a script using document.baseURI.

Attributes

This element's attributes include the global attributes.

href

The base URL to be used throughout the document for relative URL addresses. If this attribute is specified, this element must come before any other elements with attributes whose values are URLs. Absolute and relative URLs are allowed.

target

A name or keyword indicating the default location to display the result when hyperlinks or forms cause navigation, for elements that do not have an explicit target reference. It is a name of, or keyword for, a browsing context (for example: tab, window, or inline frame). The following keywords have special meanings:

• _self: Load the result into the same browsing context as the current one. This value is the default if the attribute is not specified.
• _blank: Load the result into a new unnamed browsing context.
• _parent: Load the result into the parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
• _top: Load the result into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.

If this attribute is specified, this element must come before any other elements with attributes whose values are URLs.

Usage notes

Base priority

If multiple <base> elements are specified, only the first href and first target value are used; all others are ignored.

Anchor elements

Anchor tags within a page, e.g. <a href="#anchor">anchor</a>, are resolved by using the base URL as the reference and trigger an HTTP request to the base URL.

For example, given this base URL:
<base href="http://www.example.com/">

... and this anchor:
<a href="#anchor">Anker</a>

... the link points to:
http://www.example.com/#anchor

Open Graph

Open Graph meta-tags do not acknowledge the base URL and should always have full URLs. For example:

<meta property='og:image' content='http://example.com/thumbnail.jpg'>

Examples

<base href="http://www.example.com/">
<base target="_blank" href="http://www.example.com/">  

Specifications

Browser compatibility