The <base>
HTML element specifies the base URL to use for all relative URLs in a document. There can be only one <base>
element in a document.
A document's used base URL can be accessed by scripts with Node.baseURI
. If the document has no <base>
elements, then baseURI
defaults to location.href
.
This element's attributes include the global attributes.
Warning: If either of the following attributes are specified, this element must come before other elements with attribute values of URLs, such as <link>
's href
attribute.
-
href
-
The base URL to be used throughout the document for relative URLs. Absolute and relative URLs are allowed.
-
target
-
A keyword or author-defined name of the default browsing context to show the results of navigation from <a>
, <area>
, or <form>
elements without explicit target
attributes. The following keywords have special meanings:
-
_self
(default): Show the result in the current browsing context.
-
_blank
: Show the result in a new, unnamed browsing context.
-
_parent
: Show the result in the parent browsing context of the current one, if the current page is inside a frame. If there is no parent, acts the same as _self
.
-
_top
: Show the result in the topmost browsing context (the browsing context that is an ancestor of the current one and has no parent). If there is no parent, acts the same as _self
.
If multiple <base>
elements are used, only the first href
and first target
are obeyed — all others are ignored.
Links pointing to a fragment in the document — e.g. <a href="#some-id">
— are resolved with the <base>
, triggering an HTTP request to the base URL with the fragment attached. For example:
- Given
<base href="https://example.com">
- ...and this link:
<a href="#anchor">To anchor</a>
- ...the link points to
https://example.com/#anchor
.
Open Graph tags do not acknowledge <base>
, and should always have full absolute URLs. For example:
<meta property="og:image" content="https://example.com/thumbnail.jpg">
<base href="https://www.example.com/">
<base target="_blank">
<base target="_top" href="https://example.com/">