Элемент <base>

Элемент <base> (от англ. base — база, основание) указывается внутри <head> и инструктирует браузер относительно полного базового адреса текущего документа. <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет элемент <base>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href="http://www.megasite.ru/hzchd/">, то при добавлении рисунков достаточно использовать относительный адрес <img src="images/labuda.gif">. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.

Второе применение элемента <base> — задание целевого окна для всех ссылок на текущей странице.

Синтаксис

<head>
  <base атрибуты>
</head>

Атрибуты

href: Адрес, который должен использоваться для указания полного пути к файлам.
target: Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.

Пример

Код примера скопирован в буфер

<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>base</title>
  <base target="_blank"> 
 </head>  
 <body> 
  <p><a href="page/1.html">Чебурашка</a></p>
  <p><a href="page/2.html">Крокодил Гена</a></p>
 </body>
</html>

В данном примере все ссылки будут открываться в новой вкладке.