HTML :: Тег <base>

В HTML тег <base> (от англ. base – базовый) сообщает браузеру базовый адрес текущего документа, который указывается в атрибуте href. Базовый адрес используется для всех относительных адресов на странице для построения полного пути к файлам. Кроме того, элемент <base> позволяет задать при помощи атрибута target целевое окно сразу для всех ссылок страницы. При этом собственный атрибут target конкретной гиперссылки имеет приоритет и в случае необходимости переопределяет значение, установленное в элементе <base>.

Тег <base> должен использоваться только внутри элемента <head> и желательно только один раз. Если в документе будет присутствовать более одного элемента <base>, то будут использованы только первые значения атрибутов href и target. Все последующие значения, содержащиеся в других элементах <base>, браузер проигнорирует.

Синтаксис

	<head> 
		<base Атрибуты>                           (закрывающий тег не требуется)
	</head>

Атрибуты

href - базовый адрес текущего документа, который будет использоваться для всех относительных адресов на странице для построения полного пути к файлам.
target - сообщает имя целевого окна или фрейма, в котором будут открываться документы по ссылкам на странице. В качестве значений может принимать:
- _self - документ будет открываться в текущем окне или фрейме (используется по умолчанию);
- _blank - документ будет открываться в новом окне или фрейме;
- _parent - документ будет открываться в родительском фрейме, а в случае отсутствия такового, в текущем окне;
- _top - документ будет открываться в главном (текущем) окне, в котором находится данный фрейм, содержащий ссылку, а в случае отсутствия фреймов в окне, данное значение сработает, как _self;
- name - имя фрейма, в котором будет открываться документ; если указать несуществующее имя окна или фрейма, то браузер откроет документ в новом окне.
Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/semantics.html#the-base-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/base

Примеры

HTML

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>Элемент «base»</title>
	
	<!-- Задаем базовый адрес. В нашем случае указываем 
	путь к корневой папке сайта. 
	Все ссылки по умолчанию будут открываться в новом окне. -->
	<base href="https://site.name/" target="_blank">
	
	<!-- Значения этих элементов base будут проигнорированы -->
	<base target="_top">
	<base href="https://site.name/html">
	
</head>
<body>
	<!-- Теперь нам не нужно постоянно указывать полный путь 
		к файлам на сайте, т.к. начальная (базовая) часть 
		пути уже прописана в элементе «base» -->
	Перейти на домашнюю страницу сайта можно 
	<a href="index.html">здесь</a>. <br><br>
	
	<!-- Ссылка откроется в этом же окне, т.к. мы 
		 переопределили атрибут target.-->
	Заглавная страница учебника по HTML находится 
	<a href="html/html_main.html" target="_self">здесь</a>.
</body>
</html>

Пример №1