Элемент <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>
Результат
В этом примере базовый 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
.