Элемент <base>

Элемент <base> (от англ. base — базовый, основной) определяет базовый URL, используемый для всех относительных URL-адресов в HTML-документе.

Базовый URL — это начальная часть полного (абсолютного) URL-адреса. Все относительные URL-адреса в документе будут автоматически дополнены этим базовым URL до полного URL-адреса.

Также элемент <base> позволяет определить, где будут открываться ссылки.

В документе может быть только один элемент <base>, и он должен быть расположен внутри элемента <head>.

Если в документе имеется несколько элементов <base>, то используются значения атрибутов первого элемента, остальные элементы игнорируются.

Категории	Метаданные.
Синтаксис	`<base атрибут>`
Опускание тегов	Нет конечного тега.
Модель содержимого	Ничего.

Атрибуты

Элемент <base> обязательно должен содержать хотя бы один из атрибутов.

Атрибут	Значение	Описание
href	URL	Определяет базовый URL, который будет использоваться для всех относительных URL-адресов в документе, автоматически дополняя их до полных URL-адресов.
target	`_blank` `_parent` `_self` `_top` имя_фрейма	Определяет, где будут открываться все ссылки, расположенные на текущей веб-странице или куда будет загружен результат отправки формы.

Для элемента <base> так же доступны глобальные атрибуты и события.

Стиль по умолчанию

Стиль по умолчанию для элемента <base>, определённый в спецификации HTML:

base { display: none; }

Пример

Предположим, у вас есть HTML-документ с элементом <base>:

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Заголовок</title>
    <base href="https://puzzleweb.ru/html/">
  </head>
  <body>

    <a href="tag_base.php">Элемент base</a>

  </body>
</html>

Результат

Элемент base

В этом примере базовый URL установлен как https://puzzleweb.ru/html/. Таким образом, адрес относительной ссылки <a href="tag_base.php"> будет интерпретироваться как https://puzzleweb.ru/html/tag_base.php.

Обратите внимание, относительный адрес можно указывать и с двумя точками, в этом случае иерархический путь изменяется относительно базового URL. Так, если базовый адрес https://puzzleweb.ru/html/, то адрес относительной ссылки <a href="../tag_base.php"> будет интерпретироваться как https://puzzleweb.ru/tag_base.php.