HTML тег base. Как задать href ссылок с помощью base
HTML тег base инструктирует браузер относительно полного базового адреса текущего документа.
Элемент <base>
определен внутри контейнера head и инструктирует браузер относительно полного базового адреса текущего документа. HTML тег <base>
предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>
, определяет полный адрес документа и корректно загружает его. Давате рассмотрим пример.
Пусть адрес документа указан как <base href="http://site.ru/assets/">
, то при добавлении рисунков достаточно использовать относительный адрес <img src="images/logo.jpg">
. При этом полный путь к изображению будет http://site.ru/assets/images/logo.jpg
, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src="../images/logo.jpg">
, то полный путь к файлу будет http://site.ru/images/logo.jpg
. Второе применение тега <base>
- задание целевого окна для всех ссылок на текущей странице.
Если на странице встречается несколько тегов base
, то берется значение атрибутов только у первого элемента, а остальные проигнорируются.
Закрывающий тег не требуется.
Правила написания тега base
<head>
<base атрибуты>
</head>
Атрибуты HTML тега base
Пример с тегом base
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег base</title>
<base href="http://site.ru/base/">
</head>
<body>
<p><a href="download.php">скачать</a></p>
</body>
</html>
Результат примера вы можете увидеть на рисунке ниже. Обратите внимание, каким стал адрес ссылки благодаря тегу base
.