HTML-тег `<base>`

Тег <base> является частью HTML с версии HTML 2.0. Он задаёт абсолютный (базовый) URL для всех относительных URL в HTML-документе, включая ссылки, изображения, формы и скрипты. Этот тег также определяет, как ссылки в текущем документе должны открываться (в новом окне, в текущем окне и т. д.).

Вы можете получить используемый базовый URL документа из скриптов через document.baseURI. Если документ не содержит элемента <base>, baseURL по умолчанию будет равен document.location.href.

Синтаксис

Тег <base> является пустым элементом, поэтому закрывающий тег не требуется. В HTML5 слэш для самозакрывающегося тега необязателен, но в XHTML тег <base> должен быть закрыт (<base />).

TIP

На странице можно использовать только один тег <base>, и он должен находиться в элементе <head>. Его необходимо вставить как можно раньше, так как его действие распространяется от места указания.

DANGER

Если вы используете несколько элементов <base>, будут учтены только первые атрибуты href и target. Остальные будут проигнорированы.

Пример использования тега `<base>` в HTML:

Пример использования тега <base> в HTML

html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML base tag</title>
    <base href="https://www.w3docs.com/" target="_blank" />
  </head>
  <body>
    <a href="/css3-maker/border-radius">Try CSS Maker Tool</a>
  </body>
</html>

Try it Yourself »

Результат

base example

В этом примере тег <base> задаёт базовый URL — "https://www.w3docs.com/", а относительная ссылка "/css3-maker/border-radius" будет использовать этот URL в качестве отправной точки.

Скопируйте приведённый выше код в наш редактор, и вы увидите активную ссылку, которая при клике откроется в новом окне. Хотя сама ссылка не содержит атрибут target="_blank", она откроется в новом окне, поскольку мы установили атрибут target="_blank" для тега <base>.

Атрибуты

Тег <base> может содержать атрибут href, target или оба сразу. Если ни один из них не указан, тег не оказывает никакого эффекта.

Атрибут	Значение	Описание
href	URL	Задаёт базовый URL для всех относительных URL на странице.
target	`_blank`	Открывает ссылку в новом окне или вкладке.
	`_self`	Открывает ссылку в текущем окне.
	`_parent`	Открывает ссылку в родительском фрейме.
	`_top`	Открывает документ во всей области окна.

Практика

В чём заключается функция HTML-тега <base>?

Он задаёт базовый URL для всех относительных URL на странице.Он используется для встраивания мультимедиа на веб-страницу.Он определяет набор навигационных ссылок.Он используется для задания базового целевого окна для всех гиперссылок и форм на странице.Он добавляет заголовок к веб-документу.

HTML-тег <base> ​

Синтаксис ​

Пример использования тега <base> в HTML: ​

Результат ​