HTML таг `base`

Пример

Кратък пример как се използва тагът <base>.

<head>
  <base href="https://example.com/subdir/" target="_blank">
  <link rel="stylesheet" href="styles/main.css">
</head>

<body>
  <a href="page.html">Отвори страница</a>
  <img src="images/photo.jpg" alt="Снимка">
</body>

Опитай в редактора

Дефиниция и употреба

Тагът <base> задава базовия URL адрес и/или базовата цел (target) за всички относителни връзки и ресурси в документа. Той се поставя вътре в секцията <head> и може да присъства само веднъж в една HTML страница.

Когато използвате <base href="...">, всички относителни пътища в атрибути като href (на <a>, <link>), src (на <img>, <script>, <video> и др.) се интерпретират спрямо зададения базов URL, вместо спрямо местоположението на текущата страница.

С атрибута target можете да определите по подразбиране къде да се отварят всички връзки в страницата (например _self, _blank, _parent, _top). Ако даден елемент има собствен target, той има приоритет пред стойността в <base>.

Основни правила за използване:

<base> трябва да бъде поставен в <head>, обикновено преди други тагове, които използват относителни пътища (<link>, <script> и др.).
Разрешен е само един <base> елемент в документ; ако има повече, браузърите използват само първия.
Ако зададете href, уверете се, че всички относителни пътища в страницата са съобразени с него, за да избегнете счупени връзки и ресурси.
Използвайте target="_blank" внимателно, защото ще накара всички връзки без собствен target да се отварят в нов раздел/прозорец.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Атрибут	Описание
`href`	Задава базовия URL, спрямо който се изчисляват всички относителни пътища в документа.
`target`	Определя базовата цел за всички връзки в документа (напр. `_self`, `_blank`, `_parent`, `_top`).

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг base