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
Примеры
<!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